\(@^0^@)/

- JS 최신 문법 (ES6, ES11)과 사용법 정리 ES6 Destructuring Assignment /* Destructuring assignment */ const Student = { name: 'Anna', level: 1, }; // bad { const name = student.name; const level = student.level; console.log(name, level); } // good { const { name, level } = student; console.log(name, level); const { name: studentName, level: studentLevel } = student; console.log(studentName, studentLevel); ..

- leetcode array and string 그래도 점점 메서드들을 활용해서 문제를 풀려는 것 같아서, 나름 발전하고 있는 것 같다. 하지만, 코테를 보면.... 접근조차 하기 어려운 문제들이 너무 많아서ㅠ 진짜 더더 열심히 해야 된다! 아직은 배열이지만, 다시 연결 리스트 공부하기 시작하면 멘붕이 올 것 같아... 17:50 오후 회고 스터디 (만족도 : 8) 일정이 있어서 5시쯤부터 공부 시작해서 7시까지 두 시간 정도 하였는데, 다음 주 수요일까지 대략적인 일정 짜고, 뽀모도로 타이머 활용하여 알고리즘 풀었더니 집중력도 나쁘지 않았어서, 만족스러움. 저녁에도 이렇게만 해보자. - leetcode array and string 어렵다 어려워! https://www.youtube.com/watch..

- leetcode array and string 괜찮게 진행되다가 2차원 배열 부분에서 갑자기 턱 막혔다..! 심지어 솔루션을 봐도 이해를 못 한 문제도 있어서 우선 다른 거 풀고 다시 한번 파악해야 할 것 같다. https://www.youtube.com/watch?v=0V96RZh5V8A https://www.youtube.com/watch?v=y24nMGNkkPo 17:50 오후 회고 스터디 (만족도 : 8) 어제 알고리즘 스터디에서 팀원들과 얘기 나누던 중, 다들 문제를 풀 때 타이머를 활용하고, 코테에서도 시간 분배하여 푸는 것이 실용적이고 효과적이라는 말을 듣고 오늘부터는 나도 타이머를 활용해서 1문제 당 25분 제한을 두고 푸는 중이다. 제한 시간 안에 풀지 못하는 문제는 오래 붙잡고 있어..

- leetcode array101 풀수록 어떻게 풀어야 할지 감이 조오오오금 잡힌다. 근데 아직, 어떻게 접근해야 될지 단계?를 구성하는 게 많이 부족한 것 같음. 그게 부족하니깐, 구현할 때도 버벅거린다. 조금 더 많이 풀어보고 조금 더 깊이 생각해보자. 17:50 오후 회고 스터디 (만족도 : 6) 잘 안 풀리는 알고리즘을 붙잡고 있으니 시간은 금방 가고... 집중력은 떨어지고... 계속 딴짓을 하게 된다. 조금 더 효율적인 스터디 플랜을 구상해보자. - 알고리즘 스터디 JS도 1주에 문법 하나 정해서 각자 공부하고, 같이 토론하기로 했다. 다들 나보다 숙련되어 있는 것 같으니, 많이 많이 배우자~ - leetcode array101 array101을 마무리하였음. 모르는 문제가 나오면 자꾸 집중력..

- 자료구조 / 알고리즘 (Js ver.) 강의 배열 문제들 복습 아직 배열 문제들 조차 완벽하게 접근을 못하고 시간이 오래 걸림ㅠ array101을 풀면서 유형? 들을 파악하고 기계처럼 접근하도록 많이 풀어봐야 할 것 같다. 프로그래머스 알고리즘 강의를 끊을지 말지 고민 중...! - leetcode array101 깃헙이랑 연동해서 잔디도 심고 문제도 푸는 중! 풀다가 막히면 힌트도 볼 수 있게 되어 있어서 생각보다 재미있게 풀고 있다. 오늘 안에 다 풀고, 내일은 array and string 풀어야 돼..! 17:50 오후 회고 스터디 (만족도 : 6) 이전 문제들을 다시 풀어보는데도 아직 제대로 못 풀고 막힌다. 문제와 접근방식을 조금 더 제대로 파악할 필요가 있음. 모르는 문제가 나오면, 집중..

- JS스터디 사전 테스트 많이 구현해봐야겠다는 생각을 했다.. foreach, map 같은 메서드들 조차 정확히 기억나질 않아서 mdn으로 더블 체크해야 되는 경우면.. 아직 코딩을 많이 하지 않아서, 손에 익지 않았다는 증거! 많이 많이 타이핑해보자! - JS 문법 강의 클로저 (Closure) https://www.youtube.com/watch?v=bwwaSwf7vkE https://developer.mozilla.org/ko/docs/Web/JavaScript/Closures https://hyunseob.github.io/2016/08/30/javascript-closure/ var i; for (i = 0; i < 10; i++) { setTimeout(function() { console...

- JS 기본 문법 es-module https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Modules /* export */ const a = 'a'; function hello() { return 'hello'; } export {a, hello}; ============================ // 기본 export export default function hello() { return 'hello'; } /* import */ import from './module-export.js'; console.log(a); // a console.log(hello()); // hello ==============================..

- Hello Coding 알고리즘 4장 퀵 정렬 파트 TIL - JS 기본 문법 실행 콘텍스트 JS가 실행되는 방식을 담고 있는 핵심 원리 JS엔진이 코드를 읽고 실행에 필요한 정보를 모아놓는 것 실행 콘텍스트의 종류 전역(GEC) this, object선언 함수(FEC) 상위 스코프, this, 매개변수, arg Eval 메서드 최근에는 사용하지 않음. 실행 콘텍스트의 단계 생성 단계(Creation Phase) JS엔진이 함수를 호출했지만 실행이 시작되지 않은 단계 실행 단계(Execution Phase) 전역 변수의 값 할당이 발생하며 코드를 실행하는 단계 생성 단계 /* * # 생성 단계 * 1. 전역 객체 생성 * 2. 변수 생성 * 3. 변수는 undefined로 초기화 * 4. hello ..

[ 3장 재귀] 재귀를 쓴다고 성능이 더 나아지지는 않는다. 사실 반복문이 더 성능이 좋은 경우가 많다. 프로그램에 반복문을 사용하면 프로그램의 성능을 향상시킬 수 있지만, 재귀를 사용하면 프로그래머의 능력을 향상시킬 수 있다. 상황에 따라 적절한 방법을 골라 사용해야 한다. 대부분의 중요한 알고리즘들이 재귀를 사용하므로 개념을 잘 이해해야 한다. [ 3장 요약 ] 재귀는 함수가 스스로를 호출하는 것이다. 모든 재귀 함수는 기본 단계와 재귀 단계라는 두 부분으로 나누어져 있다. 스택에는 push와 pop이라는 두 가지 연산이 있다. 모든 함수 호출은 호출 스택을 사용한다. 호출 스택은 너무 커져서 메모리를 엄청나게 소비할 수도 있다.​ [4장 퀵 정렬] 분할 정복 문제 해결 방법 중에서 가장 유명한 재귀..

- JS 기본 문법 이벤트 루프 (Event Loop) 코드 실행, 이벤트 수집 및 처리, 대기 중인 하위 작업 실행을 담당하는 JS 런타임 모델. 이벤트 루프의 동작 순서를 알아보자. http://latentflip.com/loupe Call Stack : console.log("Hi!"); Console : Hi ! Call Stack : setTimeout함수 Web Apis : Timeout( ) (3초 동안) Call Stack : console.log("Welcome to loupe."); Console : Welcome to loupe. Callback Queue : Timeout( ) Call Stack에 Timeout이 먼저 쌓이고, 그다음 console.log가 쌓여서 스택이므로 최상단..