본문 바로가기

전체 글

(65)
[JavaScript] 한 달 동안 자바스크립트 박살내기 (7) - this 「한 달 동안 자바스크립트 박살내기」는, ChatGPT쨩이 선생님이 되어, 매일 수업해주는 느낌으로 진행합니다.GPT쨩의 말은 이렇게 작성합니다. 오늘 공부 내용 및 목표 오늘 학습 목표오늘은 JavaScript에서 특히 헷갈리기 쉬운 this를 제대로 잡는 날이야. 핵심은 this를 “함수가 어디에 적혀 있느냐”로 판단하지 않고, 일반 함수는 어떻게 호출되었는지, arrow function은 어디서 만들어졌는지를 보고 판단하는 거야. 오늘 내용은 앞으로 callback, 이벤트 핸들러, Backbone 같은 레거시 코드를 읽을 때 계속 나온다. 특히 메서드를 callback으로 넘겼더니 갑자기 this가 달라지는 버그를 읽을 수 있어야 해. 원래 8/28일자 강의인데 이제야 듣는다.this가 그렇게..
[JavaScript] 한 달 동안 자바스크립트 박살내기 (6) - 배열과 고차함수 「한 달 동안 자바스크립트 박살내기」는, ChatGPT쨩이 선생님이 되어, 매일 수업해주는 느낌으로 진행합니다.GPT쨩의 말은 이렇게 작성합니다. 오늘 공부 내용 및 목표 오늘 학습 목표오늘은 배열을 단순히 for로 순회하는 데서 한 단계 넘어가서, 배열에 어떤 작업을 시킬 것인지 함수로 표현하는 방식을 배울 거야. map, filter, find, some, every, reduce가 줄줄이 나오지만 외우는 날은 아니야. 각각이 무슨 질문에 답하는 도구인지, 그리고 그 안에 전달하는 함수가 어떻게 실행되는지를 이해하는 게 핵심이야. 어제 객체와 참조를 배웠으니, 오늘은 배열 안에 객체가 들어 있을 때 원본 객체를 실수로 바꾸는 경우까지 연결해서 볼 거야.8/27자의 강의 내용인데 이제야 열어본다. ..
[JavaScript] 한 달 동안 자바스크립트 박살내기 (5) - 객체와 참조 「한 달 동안 자바스크립트 박살내기」는, ChatGPT쨩이 선생님이 되어, 매일 수업해주는 느낌으로 진행합니다.GPT쨩의 말은 이렇게 작성합니다. 오늘 공부 내용 및 목표 오늘 학습 목표오늘은 JavaScript에서 객체와 배열이 값 자체보다 ‘참조’를 통해 다뤄진다는 감각을 잡는 날이야. 이걸 제대로 이해하면 const인데 왜 객체 내부가 바뀌는지, const b = a 뒤에 한쪽을 바꿨더니 다른 쪽도 바뀌는 이유, spread로 복사했는데 중첩 객체는 왜 같이 바뀌는지까지 한 흐름으로 설명할 수 있어. 오늘 핵심은 문법 암기보다 “지금 이 변수 둘이 같은 객체를 가리키고 있는가, 새 객체를 가리키고 있는가?”를 추적하는 거야. 그래. 오늘도 가보자. 오늘의 위치단계: JavaScript 핵심 주제..
[JavaScript] 한 달 동안 자바스크립트 박살내기 (4) - scope / hoisting / TDZ 「한 달 동안 자바스크립트 박살내기」는, ChatGPT쨩이 선생님이 되어, 매일 수업해주는 느낌으로 진행합니다.GPT쨩의 말은 이렇게 작성합니다. 오늘 공부 내용 및 목표 오늘 학습 목표오늘은 JavaScript 코드가 “이 변수 이름을 어디에서 찾는가”를 이해하는 날이야. scope, lexical scope, hoisting, TDZ는 처음엔 용어가 많아 보여도 사실 한 덩어리로 연결돼 있어. 핵심은 이거야. 변수는 선언된 위치에 따라 보이는 범위가 정해지고, JavaScript 엔진은 그 범위를 기준으로 이름을 찾는다. 그리고 선언문은 실행 전에 어느 정도 준비되지만, var와 let/const는 그 준비 방식이 다르다. 오늘도 무슨 말 하는건지 모르는 상태에서 시작한다. 오늘의 위치단계: Ja..
[JavaScript] 한 달 동안 자바스크립트 박살내기 (3) - 함수 「한 달 동안 자바스크립트 박살내기」는, ChatGPT쨩이 선생님이 되어, 매일 수업해주는 느낌으로 진행합니다.GPT쨩의 말은 이렇게 작성합니다. 오늘 공부 내용 및 목표 오늘 학습 목표오늘은 JavaScript에서 함수를 단순한 코드 묶음이 아니라 ‘값’으로 다루는 감각을 잡는 날이야. TypeScript를 써봤다면 함수 선언 자체는 익숙할 텐데, 오늘 중요한 건 문법 암기보다 함수를 변수에 넣는다 → 다른 함수에 넘긴다 → 받은 쪽에서 호출한다는 흐름이야. 특히 callback은 앞으로 이벤트, 배열 메서드, 비동기 처리, 레거시 프론트엔드 코드를 읽을 때 계속 나오니까 오늘 확실히 기반을 잡아두자.C언어로 프로그래밍 공부를 시작해서 그런지, 함수 포인터라는 표현이 더 편하긴 한데 JS에서는 콜백..
[JavaScript] 한 달 동안 자바스크립트 박살내기 (2) - JS 실행환경 / 기본 「한 달 동안 자바스크립트 박살내기」는, ChatGPT쨩이 선생님이 되어, 매일 수업해주는 느낌으로 진행합니다.GPT쨩의 말은 이렇게 작성합니다. 오늘 공부 내용 및 목표 오늘 학습 목표오늘은 JavaScript의 아주 기본적인 문법을 훑는 날처럼 보이지만, 실제 핵심은 코드를 봤을 때 JS가 값을 어떤 규칙으로 판단하는지 예측하는 것이야. 특히 var / let / const, primitive, typeof, == / ===, truthy/falsy는 뒤에서 this, closure, 비동기, Backbone 같은 걸 읽을 때 계속 바닥에 깔리는 규칙들이야.그렇다고 한다. 오늘의 위치단계: JavaScript 핵심 기초 주제: 실행환경, var / let / const, primitive, ty..
[JavaScript] 한 달 동안 자바스크립트 박살내기 (1) - 프로젝트 시작 「한 달 동안 자바스크립트 박살내기」는, ChatGPT쨩이 선생님이 되어, 매일 수업해주는 느낌으로 진행합니다.GPT쨩의 말은 이렇게 작성합니다. 오늘 공부 내용 및 목표 시작오늘은 본격 진도를 나가는 날이라기보다, 내일부터 39일 코스를 제대로 굴리기 위한 준비 + 현재 위치 확인이야. 너는 이미 프론트엔드 실무 경험이 있으니까 변수나 반복문 같은 걸 처음부터 다시 할 필요는 없고, 대신 JavaScript 자체의 실행 방식에서 어디가 낯선지 확인하는 것에 집중하면 돼.시작은 일부러 좀 상냥하게 해주는거같다.역시 그 동안 프리미엄으로 매일같이 대화하면서 레포를 쌓아둔 보람이 있다. 오늘 학습 목표단계: Day 0 — 준비 / 진단 주제: 학습환경 세팅 + JavaScript 현재 수준 확인 필수 예..
[JavaScript] 한 달 동안 자바스크립트 박살내기 (0) - 왜 하는가? 왜 갑자기 JS인가? 그동안 뭐 했나? 바텐더 쇼핑몰 프로젝트를 하다가 중단했다. 그 이유는, 취미 게임 개발 팀에 들어가게 되었기 때문으로, 언젠가 게임 회사로 들어가겠다는 일념 하에 팀 내의 유일한 플머로서 게임 개발에 집중했다.그렇게 준비하다가, 이직 큰 그림 상담차 이직 에이전트 서비스를 등록하고, 상담을 받았다. (물론, 이직 자체는 길게 2년 정도까지 보고 있었기 때문에, 상담하는 자리에서 바로 엔트리는 안 했다.)상담을 받는 과정에서 이직 서비스에 계정 등록을 하고 구인 공고를 매일 들여다보며 시장 조사를 계속하고 다녔다. 갑작스러운 이직그러다가, 시험 삼아 & 면접까지 가면 면접 연습도 할 겸 몇몇 회사에 엔트리를 했고, 그중엔 내 스펙으론 터무니없는 회사도 있었다.계속 그냥 떨어지다가,..