본문 바로가기

Web dev39

자바스크립트 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.
반응형 웹 01 반응형 웹이란? + 최초의 반응형 웹 *사담 타임) 토이프로젝트에서 바닐라 자바스크립트만 이용해서 반응형 웹을 만들어보기로 했다. 반응형 웹은 프론트엔드 개발자라면 꼭! 알아야 할 기술이라고 생각해서, 붙캠 외에 강의를 추가로 들으면서 반응형 웹을 구현하는 방법에 대해서 공부하고 이를 토이프로젝트에 직접 적용해보기로 함! 카테고리를 만들어 공부 + 토이프로젝트 여정을 기록할 예정!! 새로운 걸 배우는건 언제나 신나 ㅎㅁㅎ 반응형 웹 디자인 (Responsive web design, RWD)이란? 다양한 기기나 브라우저의 크기에 맞게 구성이나 크기를 변경해가며 반응하는 웹문서 또는 이를 위해 사용하는 기법 -> 웹을 PC용 / 모바일용으로 각각 별개로 개발하지 않고, 하나의 공용 웹을 만들어 다양한 디바이스에 대응할 수 있음. -> 동일한 U.. 2022. 12. 6.
리액트 02 리액트 Intro (JSX, 리액트 컴포넌트) 1. 현재의 무드: 어제 과제를 일찍 끝내서 오늘 리액트 기초를 다시 복습하고, 블로깅하고 있다! 공부할 시간이 널널해서 기분이 아주 구웃 ㅎㅁㅎ 계속 영상만 보면서 리액트를 학습해서, 오늘은 공식 문서를 찬찬히 읽어보며 리액트가 돌아가는 원리에 대해 더 학습해볼것이다. 2. 오늘 학습한 내용 중 키워드: 리액트, JSX, 컴포넌트 3. 오늘 학습한 내용 요약 드디어 리액트 라이브러리를 배우기 시작했다. 오늘의 학습 목표 1. 리액트의 3가지 특징 이해하고, 설명하기 2. JSX가 왜 명시적인지 이해하고, 작성하는 방법 알기 3. 리액트 컴포넌트의 필요성에 대해 이해하고, 설명하기 리액트: 프론트엔드 개발을 위한 자바스크립트 오픈소스 라이브러리. 선언형 컴포넌트 기반 범용성 이 세가지 특징 덕분에, 리액.. 2022. 11. 30.
리액트 01 Router 활용 연습_계산기 목업 1. 현재의 무드: 이전에 만들었던 계산기 목업이 웹 페이지 테마로 되어있어서, 그걸 오늘 배운 리액트 라우터를 활용해 연결해보았음! 생각보다 수월하게 되었고, 구현을 원하는 페이지를 직접 만들어가는 과정이 간단하지만 재미있었다. 2. 오늘 학습한 내용 중 키워드: 리액트 라우터 3. 오늘 학습한 내용 요약 구현한 페이지 이 페이지는 section 1 진행 당시 제일 처음으로 진행한 과제였다. 여러 CSS 효과를 주고 계산기 목업을 구현했었다. 오늘 배운 리액트 라우터로 이 첫 랜딩 페이지로 두 페이지를 SPA로 구현하고자 했다. 그래서 react-create-app 으로 불러낸 파일들에 이 네가지 파일을 더해줬음! calculatorPage는 계산기 나오는 페이지, firstPage는 이번에 추가해준 .. 2022. 11. 28.

티스토리툴바