효진이는 멀리 뛰기를 연습하고 있습니다. 효진이는 한번에 1칸, 또는 2칸을 뛸 수 있습니다. 칸이 총 4개 있을 때, 효진이는(1칸, 1칸, 1칸, 1칸)(1칸, 2칸, 1칸)(1칸, 1칸, 2칸)(2칸, 1칸, 1칸)(2칸, 2칸)의 5가지 방법으로 맨 끝 칸에 도

Finn은 요즘 수학공부에 빠져 있습니다. 수학 공부를 하던 Finn은 자연수 n을 연속한 자연수들로 표현 하는 방법이 여러개라는 사실을 알게 되었습니다. 예를들어 15는 다음과 같이 4가지로 표현 할 수 있습니다.1 + 2 + 3 + 4 + 5 = 154 + 5 +

로또 6/45(이하 '로또'로 표기)는 1부터 45까지의 숫자 중 6개를 찍어서 맞히는 대표적인 복권입니다. 아래는 로또의 순위를 정하는 방식입니다.로또를 구매한 민우는 당첨 번호 발표일을 학수고대하고 있었습니다. 하지만, 민우의 동생이 로또에 낙서를 하여, 일부 번호

값은 식(표현식)이 평가되어 생성된 결과평가 : 식을 해석해서 값을 생성하거나 참조하는 것리터럴 : 사람이 이해할 수 있는 문자 또는 약속된 기호를 사용해 값을 생성하는 표기법코드가 실행되는 시점(런타임)에 리터럴을 평가하여 값을 생성.정수, 부동소수점, 2진수 등 약

하나의 값을 저장하기 위해 확보한 메모리 공간 자체 or 메모리 공간을 식별하기 위한 이름변수는 식별자라는 이름으로도 불린다.변수(식별자)는 할당된 값을 가지는게 아니라 메모리 주소를 가진다.키워드 + 변수명 작성 ⇒ 메모리 공간 주소 할당 ⇒ 할당된 메모리의 이름을

아토믹 디자인: 디자인을 가장 작은 단위로 만들어서 가장 작은 단위들을 모은 하나의 요소, 그 요소들을 모은 하나의 요소 등 원자를 합치는 방식으로 디자인을 구현하는 방법디자인 시스템: 디자인 원칙, 재사용할 수 있는 UI 패턴, 컴포넌트 코드로 구성된 시스템디자인 시

Hook의 정의: React에서 정의한 함수형 컴포넌트에서만 사용할 수 있는 메서드React.lazy: dynamic import를 구현한 메서드React.Suspense: lazy로 받아온 컴포넌트들이 렌더링 되기 이전에 특정 화면을 로딩화면으로써 동작시키는 기능코드

Tree, Binary Search Tree, Graph의 JS 코드 표현 방법JS DFS, BFS 구현 방법Modal 외부 클릭 시 종료되는 방법: useRef를 이용하여 구현Redux와 localStorage로 북마크 구현: 북마크 클릭 시 마다 Redux와 loc

stack, queue를 JavaScript class로 구현하는 방법queue 내부 구조: front, rear를 이용하여 입력과 출력을 나타내는 각각의 요소로 사용하고, 내부적으로 활용한다.자료구조의 의미StackuseMemo 간단히 공부오늘도... 역시 주간 회고

개인 공부를 하지 못했습니다.48일차 회고를 작성한 다음날 할머니가 위중하시다는 소식을 듣고 바로 시골에 내려가서 49일차 수업을 듣지 못했다. 다행히 할머니는 그 다음날 어느정도 안정을 되찾으셨으나, 연명치료를 더 이상 하지 않는다는 어른들의 결정을 듣고 마음의 준비

DeepDive 클로저 정리(90%)비밀결사단 메인화면 Hi-Fi 와이어 프레임 완성비밀결사단 상세화면, 검색화면 출력 데이터 결정useMemo 공부47일차 저녁에는 약속이 있어서 공부를 거의 못했다. 약속이 짧게 끝나고 올 줄 알았으나 술을 먹게 되는 자리였고, 너무

재귀 함수 관련 문제 풀이 연습UI-UX 기본 개념 학습UX를 평가하는 기준 학습와이어프레임, 프로토타입의 세부적인 구분 공부 및 연습Figma 공부 및 Hi-Fi 프로토타입 구현 연습DeepDive 스터디 프로그래머스 0단계 남은 문제 전부 풀이DeepDive 스터디

Component Custom Driven: 재사용할 수 있는 UI를 미리 디자인하고 개발하여 사용하는 개발 방법Styled-Components props, global 사용법Storybook: 각각의 컴포넌트들을 따로 볼 수 있게 구성해 주어 한번에 하나의 컴포넌트에

프로그래머스 Level 0 분수의 덧셈, 다음에 올 숫자, 연속된 수의 합, 안전지대 풀이Weather Indicator State Logic 리팩토링날씨를 받아오는 useEffect 로직을 custom Hook으로 분할24시간 기준의 온도를 받아오는 useEffect

Lo-Fi 와이어프레임: 손으로 흘려 쓰듯이 쓴 수준의 와이어프레임Mid-Fi 와이어프레임: Lo-Fi 와이어프레임에서 아이디어가 어느정도 구체화된 와이어프레임Hi-Fi 와이어프레임: 목업과 같이 완성본에 가까운 정적 화면을 구현하는 와이어프레임Lo-Fi 프로토타입:

CORS 정리Express.js 공부 및 CRUD 서버 구현미들웨어 사용법 공부 및 구현 연습Section 2 기술면접 JavaScript Promise, 순수함수(불변성, 사이트 이펙트) React state/props, key 속성, useEffect depen

재귀함수 사용법 및 활용 연습UI: 사람들이 컴퓨터와 상호 작용하는 시스템UX: 사용자가 제품, 서비스를 직-간접적으로 이용하면서 느끼는 경험UI 디자인 패턴: 아코디언, 캐러셀, 인피니티 스크롤컬럼 그리드 시스템: Margin, Column, Gutter로 구분되어

React key 옵션의 사용 이유: key 옵션은 컴포넌트에 고유 식별자를 붙이는 역할이고, 이 key로 인해 렌더링 과정에서 새로 추가되거나 변경되는 항목에 한해서만 재렌더링을 하도록 할 수 있다.Promise 기반 비동기 메서드를 왜 사용하는가: 콜백 함수를 가독

38, 39일차는 기존 양식에 의거하여 작성하지 않고 약식으로 작성하도록 하겠다.이번주의 핵심 수업 내용은 다음과 같았다.CORSExpress.jsMiddleware하지만 나는 도대체 왜 내가 Node.js 환경을 아는 것에서 더 나아가 "백엔드" 개발을 연습해야하는지

[프로그래머스] Level 0. 구슬을 나누는 경우의 수/ JavaScript 코딩테스트 문제 풀이를 한 기록을 남기는 포스트입니다.