js
-
Permutation Power Set (순서를 구분하는 멱집합)FrontEnd/알고리즘 2021. 3. 6. 05:09
input: 배열 [1, 2, 3] output: (원 배열의 멱집합에 순서 배리에이션까지 더해진 배열 [1, 2] ≠ [2, 1]) [], [1], [2], [3], [1, 2], [2, 1], [1, 3], [3, 1], [2, 3], [3, 2], [1, 2, 3], [1, 3, 2], [2, 1, 3], [2, 3, 1], [3, 1, 2], [3, 2, 1] 순열 멱집합이라는 명칭이 실제로 있는 것인지는 잘 모르겠다. 일반적인 PowerSet은 순서를 구분하지 않는 부분 집합을 가리키는데, 프로그래머스에서 완전탐색 > 소수 찾기 풀이를 하다가 순서를 구분하는 부분 집합이 필요해졌다. 인풋으로 1~7개의 숫자가 주어지고, 주어진 숫자로 만들 수 있는 수 중 소수인 것이 몇 개인가를 묻는 문제다. ..
-
[Node.js + AJAX] 편집 페이지(Author) - 무한 스크롤 / Fetch API생활코딩/WEBn 2021. 2. 14. 21:33
생활코딩 AJAX 강의를 완료하고, 기존에 Node.js로 백엔드를 구현해놓은 코드에 AJAX를 적용해보았다. 가장 큰 차이는 기존에는 MySQL 쿼리문으로 직접 받아왔던 데이터를, fetch API에서는 URL로 받아온다는 것. Node.js의 app 라우팅 부분에 데이터 리턴을 추가해서 프론트의 fetch API와 URL로 소통할 수 있도록 했다. 이쪽을 참조했다: node-js-mysql-how-to-do-the-ajax-call-and-access-the-data-on-server-js 작업하다보니 내용이 길어져서 글을 나누었다. 기본 페이지(Rread): [Javascript - AJAX] Node.js + AJAX - 기본 페이지 편집 페이지(Author): 현재 포스팅 편집 페이지(Creat..
-
[Javascript - AJAX] Node.js + AJAX - 기본 페이지생활코딩/WEBn 2021. 2. 9. 14:10
생활코딩 AJAX 강의를 완료하고, 기존에 Node.js로 백엔드를 구현해놓은 코드에 AJAX를 적용해보았다. 가장 큰 차이는 기존에는 MySQL 쿼리문으로 직접 받아왔던 데이터를, fetch API에서는 URL로 받아온다는 것. Node.js의 app 라우팅 부분에 데이터 리턴을 추가해서 프론트의 fetch API와 URL로 소통할 수 있도록 했다. 이쪽을 참조했다: node-js-mysql-how-to-do-the-ajax-call-and-access-the-data-on-server-js 작업하다보니 내용이 길어져서 글을 나누었다. 기본 페이지(Rread): 현재 포스팅 편집 페이지(AuthorPage): [Javascript - AJAX] Node.js + AJAX - 편집 페이지(Author) ..
-
[JavaScript - Ajax] 개요생활코딩/WEBn 2021. 1. 28. 15:25
Asynchronous Javascript And Xml 웹페이지의 정보를 부분적으로 변경(갱신)하는 기술. 갱신이 필요하지 않은 부분은 재사용함으로써 사용자의 경험을 개선해주고 서버 운영자의 리소스를 절약해준다. 이런 효과를 가지는 웹페이지를 SPA(Single-Page Application)라고 부르기도 한다. SPA의 발전형으로 PWA(Progressive Web Apps)가 있는데, SPA에 offline 동작을 지원하는 어플리케이션을 말한다. Fetch API Request나 Response와 같은 HTTP의 파이프라인을 구성하는 요소를 조작할 수 있도록 인터페이스를 제공해준다. [MDN] Fetch-API 예제: fetch라는 버튼을 누르면 text.html의 파일을 읽어와서 출력하게 만드는 ..
-
[JS] 탬플릿 리터럴(`를 이용한 표현식)생활코딩/ 2020. 9. 9. 14:04
[강의 출처] opentutorials.org/course/3332/21045 JavaScript - Template Literal - 생활코딩 수업소개 여러줄로 이루어진 문자열의 표현과 문자의 치환을 쉽게 할 수 있는 기능을 제공합니다. 강의 소스코드 var name = 'k8805'; // String literals var letter = 'Dear '+name+'\n\nLorem ipsum dolor sit amet, conse opentutorials.org [참고 페이지] developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Template_literals Template literals 템플릿 리터럴은 내장된 표현식을 허용하는 문자열 리터럴입니다...
-
[JS] 객체 지향 - 표준내장객체와 확장, 데이터 타입, 참조생활코딩/ 2020. 9. 7. 16:27
[강의 출처] opentutorials.org/course/743 JavaScript - 생활코딩 2018년 8월 1일부터 14일까지 10일동안 코딩야학 4기가 시작됩니다. 혼자 공부하지 마시고, 함께 공부해보세요. 현업의 엔지니어들이 기술지원과 상담을 해드리고, 완주하신 분들께는 수료증도 드 opentutorials.org 표준 내장 객체(Standard Built-in Object) -자바스크립트에서 공식적으로 지원하는 기본 객체(↔사용자 정의 객체) -Object, Function, Array, String, Boolean, Number, Math, Date, RegExp 일반적으로 array를 인풋으로 함수를 정의하면 이렇다. var arr = new Array('a', 'b', 'c', 'd',..
-
[JS] 객체 지향 - 생성자와 new, 전역객체, this, 상속, prototype생활코딩/ 2020. 9. 5. 00:25
[강의 출처] opentutorials.org/course/743/6584 객체지향 - 생활코딩 객체지향 프로그래밍은 크고 견고한 프로그램을 만들기 위한 노력의 산물이다. 객체지향이라는 큰 흐름은 현대적 프로그래밍 언어들을 지배하고 있는 가장 중요한 맥락이라고 할 수 있다. 하지 opentutorials.org 객체 지향 프로그래밍(Object Oriented Programming) -프로젝트가 확장되면서 기존의 절차적인 방법으로 정리하기 어려워질 때, 기능별로 로직을 구분해서 정리하는 방식 중 하나 -해당 문법과 설계방식(문제의 복잡성을 적절히 단순화하여 설계하는 추상화(abstract)와 그룹핑, 캡슐화 등)을 아우르는 개념 -JS는 Prototype-based Programming에 속함 생성자(c..
-
[JS] 함수 - 유효범위, 콜백, 클로저, arguments, 호출생활코딩/ 2020. 9. 3. 18:35
[강의 출처] opentutorials.org/course/743/6583 함수지향 - 생활코딩 함수지향 카테고리의 하위 수업들은 함수형 언어로서 자바스크립트의 면모를 다룬다. 자바스크립트의 핵심적인 도구는 함수다. 자바스크립트의 함수는 매우 강력하다. 함수에 대한 이해 없이�� opentutorials.org 유효범위(Scope): -변수를 선언할 때 'var'는 해당 변수가 지역변수(local variable)임을 의미 -한번 지역변수로 선언한 이후에는 해당 범위(지역) 내에서는 지역변수로 사용됨 -자바스크립트는 함수 단위로 유효범위를 제공(if, for, while등의 블록 단위에는 제공 X) -유효범위는 선언 맥락에 따라 유효범위가 결정되는 Lexical Scoping 방식을 따른다 var vsc..