본문 바로가기

전체 글102

Redux 01 Redux 개요 / FLUX 패턴 1. Redux 란? :자바스크립트 앱을 위한 상태 관리 라이브러리. 프론트엔드 개발에서 상태(state)란, UI에 동적으로 표현되는 데이터를 의미합니다. 토글 스위치의 on/off 상태부터, 렌더링되는 데이터들까지 프론트엔드 화면은 상태 / 상태 변경이 일어나는 곳 / 상태 변경의 영향을 받는 곳으로 구성되어 있습니다. 이러한 상태들을 React로도 충분히 관리할 수 있기는 하지만, 그것이 상당히... 골치가 아플 때가 있습니다. 예를 들어, props drilling이 5회 이내로 많지 않다면 큰 문제가 되지 않을 수도 있지만, 규모가 크고 구조가 복잡한 서비스의 경우에는 React만으로 상태관리를 하는 경우 1. 코드의 가독성이 매우 나빠짐. 2. 코드의 유지보수 또한 힘들어짐. 3. state .. 2023. 1. 2.
자바스크립트 13 재귀함수 재귀: 원래의 자리로 되돌아가거나 되돌아옴 => 재귀 함수 = 자기 자신을 호출하는 함수 재귀로 문제 해결하기 1. 문제를 좀 더 작게 쪼개기 2. 문제가 더는 작아지지 않을 때까지, 가장 작은 단위로 문제를 쪼개기 3. 가장 작은 단위의 문제를 풂으로써 전체 문제를 해결하기 -> 자연수로 이루어진 배열에서, 해당 값들의 합을 리턴하는 함수 arrSum을 재귀로 구현해보면 다음과 같은 사고 과정을 통해 이루어진다. 1. 문제를 좀 더 작게 쪼개기 [1, 2, 3, 4, 5] 의 합을 구한다고 생각해보자. = 1 + [2, 3, 4, 5] = 1 + 2 + [3, 4, 5] = 1 + 2 + 3 + [4, 5] = 1 + 2 + 3 + 4 + [5] 이렇게 쪼개볼 수 있다. 2. 문제를 가장 작은 단위로 .. 2022. 12. 15.
코드스테이츠 프론트엔드 부트캠프 Day 41 1. 오늘 배운 것: 재귀함수 2. 어려웠던 점: base case와 recursive case 의 위치를 바꾸어 써줘야 하는 경우가 판단하기 어려웠음. 또한, 간단한 연산이나 배열, 객체 조작 외에 다른 경우 어떤 형태로 재귀함수를 return 해야하는지가 아직은 바로 떠오르지 않음. 3. 극복/해결하기 위해 한 일: 끝까지 고민해보기 + 디버깅 해보기와 더불어 레퍼런스 코드를 비교하고, 이해한 후 다시 작성해보며 코드가 어떻게 돌아가는지를 파악함 4. 피드백: 재귀함수 재밌다! 배울 수록 같은 기능을 더 간단하게 구현하는 방법을 배워가는 것 같아서 갈수록 재밌고 편안하다. 사실 처음에 반복문 배울 때가 제일 어려웠다는 생각이 드는건 왜지!? 2022. 12. 15.
[Section 2 회고] 코드스테이츠 프론트엔드 부트캠프 Day 40 섹션 1의 회고: https://www.notion.so/codestates/16c4eb8419cc4339b339bce3ec1e9086 얼마나.. 지켰는지.. 봐보자고? 😎 섹션 1 회고의 요약 목표: 2023년 상반기 내로 연봉 3500만원 이상의 성장중인 스타트업에 프론트엔드 개발자로 취업하기. Keep: 주말에 코플릿 다시 풀어보기 / 스터디원분들과 함께 공부 + 논의하기 / 구글링한 내용 블로그에 정리해두기 / 주 3회 1시간 정도 아무 생각없이 운동하기 Problem: 12시 넘어서 자기, 휴대폰 보다가 잠들기 / 정해진 시간에 과제 제출만 완료하려는 마음, 쉽게 만족하는 마음 Try: 매주 화, 수요일 스터디 필참 + 금요일 각자 공부하는 세션 참여하기 / 주 3회 홈트로 스트레스 해소하기 /.. 2022. 12. 15.

티스토리툴바