분류 전체보기
TIL #2 - React Life Cycle (생명 주기)
TIL #2 - React Life Cycle (생명 주기) 📌 오늘 공부 내용 🔱 리액트 라이프 사이클 📜 목표 리액트 라이프 사이클에 대해 이해한다. 어떠한 메서드들이 있는지 알아둘 것 이 개념이 왜 중요한 지에 대해 안다. 🗨️ 라이프 사이클이란? 단어의 뜻으로 유추해봐도 알 듯이 어떠한 것의 태어나고 죽는 그 과정을 말한다는 것을 얼핏 알 수 있다. 그러면 이 용어가 리액트에서 어떻게 사용 되는걸까? 리액트는 컴포넌트 단위로 개발을 진행한다. 클래스형 컴포넌트, 함수 컴포넌트를 사용하게 되는데 컴포넌트들은 자신만의 생명주기를 가지고 태어나고 소멸하게 된다. 이 각 컴포넌트의 라이프 사이클을 이해하고 다루는 것은 개발을 진행함에 있어 매우 중요하다. 그러기 위해서는 컴포넌트 생명주기에 관여하는 대표..
TIL #1 - 자바스크립트 이터러블/이터레이터 프로토콜
TIL #1 - 자바스크립트 이터러블/이터레이터 프로토콜 목표❗ 📌 이터러블/이터레이터 프로토콜에 대해 설명할 수 있다. 📌 for...of 문의 순회 과정을 설명할 수 있다. ES6 이전에는 위와 같이 인덱스로 접근하여 배열을 순회하였었다. 하지만 ES6부터는 이렇게 for...of 문을 통하여서 순회가 가능해졌다. 이게 어떻게 가능해지게 된 것일까? 이것을 알기위해선 이터러블/이터레이터 프로토콜에 대한 이해가 필요하다. 이터러블이란❓ 이터러블 프로토콜을 준수한 객체 Symbol.iterator 가 구현된 객체 for...of 을 사용할 수 있는 객체 스프레드 문법과 배열 디스트럭처링 할당의 대상으로 사용 가능한 객체 위와 같이 설명할 수 있다. 즉, Symbol.iterator 가 구현되어 있다면 순..
자바스크립트 - 실행컨텍스트란?
자바스크립트의 중요한 개념 중 하나인 실행컨텍스트. 실행 컨텍스트란? 실행 코드에 제공할 환경 정보들을 모아놓은 객체. 각 실행 컨텍스트들은 자바스크립트 엔진의 스택에 쌓게 되며 이런 실행 컨텍스트들이 쌓이고 삭제되는 매커니즘에 대해 알고 있으면 자바스크립트 코드 실행 순서를 파악할 수 있게 됩니다. 실행컨텍스트는 언제 생성? 1) 전역 실행 컨텍스트 2) 함수 실행 컨텍스트 3) eval() (사용을 지향) 참고로 전역 실행 컨텍스트는 단 하나만 존재할 수 있고, 함수 실행 컨텍스트는 여러개 존재할 수 있습니다. 실행컨텍스트의 과정 LIFO (1) 실행컨텍스트 = [ 전역 컨텍스트 ] (2) 실행컨텍스트 = [ 전역 컨텍스트, outer 함수 컨텍스트 ] (3) 실행컨텍스트 = [ 전역 컨텍스트, ou..
앞으로 나아가야 할 길
졸업을 앞두고 한순간에 다가와버린 취업준비. 그동안 내가 걸어온 길이 맞는 것이었는지, 앞으로 어떤길로 나아가야 하는지에 대해 고민이 많이 되었다. 누군가 내가 가고 있는길에 대해 냉정하게 평가해줬으면 좋겠다 라는 생각이 항상 들었다. 그러다가 알게 된 인프런 멘토링. 여러 소개글들 중 프로필이 굉장히 익숙한 멘토님을 보게 되었는데, 알고보니 그 분 블로그를 내가 알게모르게 많이 접했었던 것 같다. 지금 나의 처지에 맞는 멘토링을 해주겠다는 소개글에 주저없이 바로 신청을 하였고, 어제 늦은 밤에 상담을 하였다. 한시간이라는 시간이 정말 순식간에 지나가버렸고 그 속안에서 내가 지나온 길에 대한 점검, 그리고 앞으로 할 준비에 대해 많은 얘기들을 했다. 왜 진작 이걸 하지 않았을까? 싶을정도로 만족도가 너무..
solved.ac 스트릭 중단 (439일 진행)
백준에서 439일간의 스트릭을 채웠었는데 이제 중단하려고 한다 ㅎㅎ 그동안 진짜 열심히 풀어왔던것 같다. 백준 푸는 거 너무 재밌지만,,, 이제는 취업에 힘을 보태야할 시기라서 과감한 선택을 해봅니다 ㅠㅜ 이제는 프로그래머스로 넘어가고 기술면접이랑 프로젝트 준비에 힘을 더 쏟을려고 합니다~!!!
백준/ Gold 2 문제 , 백준 Node.js 자바스크립트 12100 2048 (Easy) [ 백트래킹, DFS, 구현 ] 삼성 SW 역량 테스트 기출 문제
백준/ Gold 2 문제 , 백준 Node.js 자바스크립트 11568 민균이의 계략 [ 백트래킹, DFS, 구현 ] 삼성 SW 역량 테스트 기출 문제 ✔️Check Point ! ( 해당사항 ✓체크 ) 1. 막힘 없이 수월하게 풀린 문제인가? 2. 1시간이내로 풀렸던 문제인가? 3. 1시간 이상 or 며칠을 두고 풀어봤더니 풀린 문제인가? 4. 시간을 써도 도무지 풀 수 없는 문제인가? 5. 솔루션을 찾아봤는가? ------------------------------------------------------------------------------------------- 난이도 체감 🧑💻 1. 최상 2. 상 3. 중 4. 하 이해도 🙆♂️ 1. 완벽히 이해 2. 다소 헷갈리는 부분들이 있음 3...
백준/ Silver 2 문제 , 백준 Node.js 자바스크립트 11568 민균이의 계략 [ 이분탐색, LIS ]
백준/ Silver 2 문제 , 백준 Node.js 자바스크립트 11568 민균이의 계략 [ 이분탐색, LIS ] ✔️Check Point ! ( 해당사항 ✓체크 ) 1. 막힘 없이 수월하게 풀린 문제인가? 2. 1시간이내로 풀렸던 문제인가? 3. 1시간 이상 or 며칠을 두고 풀어봤더니 풀린 문제인가? 4. 시간을 써도 도무지 풀 수 없는 문제인가? 5. 솔루션을 찾아봤는가? ------------------------------------------------------------------------------------------- 난이도 체감 🧑💻 1. 최상 2. 상 3. 중 4. 하 이해도 🙆♂️ 1. 완벽히 이해 2. 다소 헷갈리는 부분들이 있음 3. 이해 못함 문제 출처 🏠 https:..
백준/ Gold 4 문제 , 백준 Node.js 자바스크립트 1806 부분합
백준/ Gold 4 문제 , 백준 Node.js 자바스크립트 1806 부분합 ✔️Check Point ! ( 해당사항 ✓체크 ) 1. 막힘 없이 수월하게 풀린 문제인가? 2. 1시간이내로 풀렸던 문제인가? 3. 1시간 이상 or 며칠을 두고 풀어봤더니 풀린 문제인가? 4. 시간을 써도 도무지 풀 수 없는 문제인가? 5. 솔루션을 찾아봤는가? ------------------------------------------------------------------------------------------- 난이도 체감 🧑💻 1. 최상 2. 상 3. 중 4. 하 이해도 🙆♂️ 1. 완벽히 이해 2. 다소 헷갈리는 부분들이 있음 3. 이해 못함 문제 출처 🏠 https://www.acmicpc.net/pro..