목차 1. 학습 내용 2. 내용 정리 3. 예제 4. 생각 정리 1. 학습 내용 문제에 대한 해결방법 프로그래머 : 최선의 방법을 찾아내는 능력이 필요하다. 학습 목표 : 기본 코딩 능력 탄탄하게 만들기 -> 문제에 대해 생각하는 능력 키우기 1. 콜백 함수의 개념과 예시 2. 콜백 함수의 제어권 3. JS비동기제어 코딩 이해, 활용 2. 내용 정리 (2) 제어권 1) 호출 시점에 대한 제어권 함수 호출시 -> 호출 주체, 제어권 : 사용 setInterval(Func,300) -> 호출주체, 제어권 : setInterval 2) 인자에 대한 제어 콜백 함수를 넘겨받은 함수에게 인자의 순서에 대한 제어권이 주어진다. 3) this 제어권을 넘겨받을 코드에서 this를 지정한 경우, 콜백 함수도 그 대상을..

목차 1. 학습 내용 2. 내용 정리 3. 예제 4. 생각 정리 1. 학습 내용 (1) 데이터 타입 심화 : (2) 실행컨텍스트 : (3) this : 2. 내용 정리 (1) 불변성과 가변성 -> 원시타입으로 저장한 정보는 가변성을 가져 원본도 영향을 받아 변한다. 불변성의 필요. undefined 1. 변수에 값이 지정되지 않은 경우 2. 해당 데이터가 존재하지 않는 경우 3. return 없거나 호출되지 않는 함수의 실행결과 null 1. '없다'를 명시적으로 표현 2. typeof null이 object인건 js자체 버그. 조심하기. 동등 연산자(==) -> console.log(n == undefined); // true 일치 연산자(===) -> console.log(n === undefined..

목차 1. 학습 내용 2. 내용 정리 3. 예제 4. 생각 정리 1. 학습 내용 es6으로 일어난 js대격변으로 사용가능해진 문법들, 일급객체(first-class-object)로서의 함수 사용, Map과 Set 2. 내용 정리 1. ES6 문법: let : 재할당을 허용하지만 재선언은 허용하지 않음 const : 재할당과 재선언을 모두 허용하지 않음 var : 재할당, 재선언 허용 / 호이스팅(선언이 스코프 최상단으로 끌어올려지는 듯한 현상) 화살표 함수 : 함수 선언, 특히 한 줄 반환 및 단일 매개변수 함수에 대해 간결한 구문을 제공 삼항 연산자는 : 조건문을 표현하는 간결한 방법을 제공 구조 분해 할당★ : 각각 순서와 키 중요도에 따라 배열과 객체 모두에 사용 객체의 단축 속성 이름을 사용하면 ..

목차 1. 학습 내용 2. 내용 정리 3. 예제 4. 생각 정리 1. 학습 내용 (1) 함수 함수를 선언하여 코드를 기능 단위로 묶어 재사용성을 향상 [1] 함수 정의 1_1 함수 선언문 function add(x, y) { return x + y; } console.log(add(2, 3)); // 5 1_2 함수 표현식 let add = function(x, y) { return x + y; } console.log(add(2, 3)); // 5 [2] 화살표 함수 function add(x,y){ return x+y } 원래의 함수 선언은 위와 같다. 그러나, es6 이후 js에서는... 2_1 기본적인 화살표 함수 - 선언이 간편해짐 let add1 = (x, y) => { return x + y..

목차 1. 학습 내용 2. 내용 정리 3. 예제 4. 생각 정리 금일 미니 프로젝트가 마무리됨에 따라, 개인 공부를 시작했습니다. Node.js (opentutorials.org) 그리고, sparta... 1. 학습 내용 1. VSCode를 사용하여 Node.js 사용해보기 node.js를 다운로드 받고, cmd에서 node -v를 입력해서 node.js 설치를 확인한다. 1. 새 폴더를 만들고 해당 폴더를 vscode를 사용해 엽니다. 2. js파일을 만들고, console.log('Hello World');를 입력 후 저장합니다. 3. 터미널을 열고, node 를 입력한 후 출력을 확인합니다. 4. main.js( Node.js - 웹서버 만들기 - Node.js (opentutorials.org)..

목차 1. 문제 2. 시도 3. 결과 4. 배운점 1. 문제 페이지에서 db쓰는 부분의 마지막. modal에 기존 데이터 남겨두는 작업. 그런데 기존 데이터 가져와서 input에 value로 주는건 굉장히 쉽게 끝나버렸다. 2. 시도 늘 그래왔듯 gpt와 함께 코드를 짜는 것 부터 시작. // Get the input element const mbtiInput = document.getElementById('update_mbti'); 일단, input의 밸류를 document의 Id가 update_mbti인 부분에 할당해 주었다. 근데 이거 순서가 반대가 아닌가? 싶어서 반대로 시도했더니 document.getElementById('update_mbti').value = mbti; 원하던 결과가 도출되었..