전체 글 썸네일형 리스트형 [코어 자바스크립트] 실행 컨텍스트와 콜 스택 실행 컨텍스트 정의 (컨텍스트 = 환경 정보)실행할 코드에 제공할 환경 정보들을 모아놓은 객체를 말함. 실행 컨텍스트와 콜 스택실행 컨텍스트들이 실제로 어떤 순서로 쌓이고 없어지는지를 관리하는 공간이 바로 콜스택(Call Stack)임. 자바스크립트의 엔진이 코드를 실행할 때 "지금 어디를 실행하고 있지?", "이 함수 끝나면 어디로 돌아가야 하지?"를 기억하는 아주 중요한 자료구조임. 콜스택은 LIFO (Last In, First Out) 구조로 작동합니다. 즉, "가장 나중에 들어온 것이 가장 먼저 나간다"는 뜻 다음 예제는 자바스크립트의 코드가 실행이 된다면 실행 컨텍스트가 콜 스택에 어떻게 쌓이는지 코어 자바스크립트의 관련된 코드와, 실행순서를 나열하였습니다. 코드 예제실행 컨텍스트와 콜 스택의.. 더보기 그래프 계층이 코드에 대해 알려주는 것 + React FSD 서론 함수형 코딩의 계층형 설계 패턴을 읽고 그래프의 중요성을 느끼게 되었다. 함수를 만들 때 사실 잘 호출 그래프를 그리지는 않는데, 주니어 개발자거나 아직 취준생이라면 전체적인 그래프를 그려보면 흐름을 알 수 있어서 많은 도움이 될거라 생각한다. 본론우리는 함수를 만들 때 "좋은 함수를 만들기 위해선 작게만들고, 하나만 담당하도록 만들어야 한다 " 다음과 같은 말을 듣곤 했다. 왜 그럴까라는 의문을 가져봤다.재사용성이 높다.유지보수성이 높다.테스트하기 좋다.코드를 잘 읽을 수 있다.위와 같은 이유를 들 수 있다. 밑의 예는 함수를 간단하게 다이어그램으로 만든 것이다. 위로 연결된 것이 적은 함수가 바꾸기가 좋다. 왜냐하면 맨 위의 freeTie, freeTieClip 함수는 위에 연결된 함수가 없기.. 더보기 [함수형 코딩] 입출력 개념 이해하기 입출력 개념 이해입력과 출력의 개념을 설명을 하면 다음과 같다. 입력 : 입력은 함수나 프로그램이 외부로부터 받는 데이터를 의미하며, 이를 기반으로 작업을 수행출력 : 함수나 프로그램이 작업을 수행한 후 외부로 내보내는 결과를 의미 밑에서 설명할 암묵적 입출력은 함수를 만들 때 생기는 부작용이 생기는 경우를 말하는데, 다음과 같다. 암묵적 입출력암묵적 입력시스템이 외부 환경이나 사용자의 행동을 관찰하여 간접적으로 얻는 데이터를 말한다. 함수의 입력값으로 명시적으로 전달되지 않는 파라미터를 말함. 즉, 인자 외 다른 입력을 말하며, 함수가 반환하는 값 이외에 함수를 실행하는 동안에 외부에 영향을 주는 행위를 말한다. 예시쿠키나 로컬스토리지나 DOM 값에서 값을 가져오는 경우함수 안에서 API, 파일, D.. 더보기 [TIL] 20251129 ✅ 오늘 한 일 함수형 코딩 읽기함수형 코딩의 일급 함수 부분을 읽고 리팩토링 진행해봄 기존 코드export const getTasksByProgressList = { all: (taskList: Task[] | undefined) => { if (!taskList) return taskList; return taskList; }, wait: (taskList: Task[] | undefined) => { if (!taskList) return taskList; return taskList.filter((task) => task.progress === "wait"); }, in_progress: (taskList: Task[] | undefined) => { if (.. 더보기 [TIL] 20251128 ✅ 오늘한 일함수형 코딩읽기 함수형 코딩 내용 정리액션, 데이터, 계산 개념액션함수안에 액션이 있다면 전체가 액션이 됨전역변수를 읽으면 액션이됨.압묵적 출력리턴이 없다면 액션으로 일단 생각하기 (리턴이 없다고 무조건 액션은 아님)ex) console.log() 함수계산암묵적 입력이나 출력이 없어야함압묵적 입력 → 인자로 바꾸기압묵적 출력 → 리턴값으로 바꾸기 (리턴이 없다면 계산으로 볼 수 없음)인자에만 의존해 정보를 가져오는 동작은 계산데이터다른 영향을 주지 않는 데이터이벤트에 대한 사실 → 일어난 결과를 기록한 것 React에서 액션, 계산, 데이터분리전략데이터: props와 state계산: 순수함수, 컴포넌트, 렌더링로직액션: 이벤트 핸들러, 부수효과(useEffect 등) 불변성 유지 방법읽기와 .. 더보기 [TIL] 20241124 ✅ 오늘 한 일DashBoard 페이지 진행 중인데, 전체 작업 누를 시 밑의 처럼 에러 발생중이다.전체작업을 누르면 table 페이지로 이동되어서 게시물은 잘 나오는데, query값을 제대로 잘못 넣은듯 하다. 내일 다시 수정해야겠다. 🏃 앞으로 해야할 일card-list 지우고 selector 상태 변경으로 하여 셀렉터 생성게시물 등록에서 common 영역 startDate 지우기 😓 반성할 점오늘 오랜만에 회사출근하고 뭐 하다보니 공부를 많이 못했다. 목표감이 없다보니 확실히 많이 안되는데, 다시 목표 잡고 열심히해야겠다. 더보기 [TIL] 11월 4일 ~ 11월 23일 안식 휴가 회고 😊 안식 회고내일부터 이제 3주간의 안식이 끝났다. 오랜만에 제주도도 가고, 많이 못만났던 지인도 만나면서 따로 개인 시간을 많이 가지면서 많은 생각을 한거같다. ✈️ 제주도 여행원래 일본을 가려했는데, 생각보다 비행기 값이 비싸서.. 친구랑 제주도로 여행지를 바꿨다. 제주도가 근데 너무 비행기 가격이 너무 싸서 바꾼 부분도 있다.근데 생각보다 날씨가 너무 좋아서 깜짝놀랐다. 또 간곳 마다 너무 다들 맛있어서 좋았다. 밑에는 간곳을 나열했는데, 진짜 많이도 부지런하게 돌아다니고 많이도 먹은거같다. 엄청 많이썼는데 생각보다 많이 안나왔다. 가격은 한 60정도 쓴거같은데 아주 재밌게 놀았다. 성산 마리나 호텔호텔 더원오설록이재모 피자고등어회 (가게이름 까먹음..)커피템플보말이네신세계 파크981파크루나.. 더보기 [TIL] 20251122 ❗️전직을 목표로..슬슬 목표를 다시 세워야하지 않나 생각이든다. 홀라스터디, 인프런에서 프로젝트를 사람들과 같이하면서 이젠 정말 전직을 목표로 해서 다시 새로운 목표를 체계적으로 세워야겠단 생각이 든다. 그리고 블로그를 쓰려는데, 중간 중간 고민했던 내용이나 스샷이 없으니 이게 블로그를 쓰기가 좀 불편한 부분이 있는거같다. 정말로 이젠 TIL을 자주써야겠다 ✅ 앞으로의 계획1. TIL 자주쓰면서 중간 중간 내용 저장해두기. 그리고 일주일치 내용 고민거리 모아보기2. JS 개념 다시 잡기, javascript 딥다이브 모르는 부분 공부하기.3. 코테 공부 -> 남의 코드 자주보기. 😎 오늘 한 일회사 페이지 대시보드 페이지를 새롭게 꾸며봤다. 아직 막 그렇게 이쁜건 아닌데, 좀 더 꾸며야겠다. 더보기 이전 1 2 3 4 ··· 16 다음