코드스테이츠부트캠프 (70) 썸네일형 리스트형 Section3 Unit1 [자료구조/알고리즘] 재귀 Section3 Unit1 [자료구조/알고리즘] 재귀 📌 Chapter1. 재귀의 이해 • 재귀함수란? 자기 자신을 호출하는 함수 • 재귀는 주어진 문제를 비슷한 구조의 더 작은 문제로 나눌 수 있는 경우나 중첩된 반복문이 많거나 반복문의 중첩 횟수를 예측하기 어려운 경우 사용하기 적합하다. 📌 Chapter2. 재귀의 활용 ✔️ 재귀적으로 사고하기 function arrSum (arr) { // base case : 문제를 더 이상 쪼갤 수 없는 경우 (재귀의 기초) -> 재귀의 탈출 조건 if (arr.length === 0) { return 0 } return arr.shift() + arrSum(arr); } → 내가 간과하고 있었던 부분인데, 함수의 종료는 return을 했을 때이다. → 무한루.. Section2 회고, 장거리 달리기를 시작하는 기분으로 Section2 회고, 장거리 달리기를 시작하는 기분으로 Section1을 마무리하는 글을 쓴게 엊그제 같은게 벌써 Section2도 끝나고, 프론트엔드 부트캠프에서 공부를 한지도 두 달이 지났다. 오전에는 커리어 세션으로 목표 설정에 대한 이야기가 있었고, 오후에는 보이는 라디오 라는 세션으로 온라인 부트캠프를 진행하며 어렵거나 힘들었던 사연 등을 제보(?)하고 공유하는 시간이 있었다. Section2의 마지막 Chapter로 기술면접 준비와 추천하는 github repository 등도 있었다. 하지만 이번에도 지난번과 같이 다른 내용은 제외하고 KPT 회고 (다소 별 내용이 없는 것 같지만)로 마무리를 해볼까 한다. 📌 목표: 👩🏻💻 2023년 안에 프론트엔드 개발자로 커리어 시작하기 나의 목표는.. Section2 Unit10 [Web Server] 기초 - StatesAirline Server Section2 Unit10 [Web Server] 기초 - StatesAirline Server ⭐️ 과제. StatesAirline Server ✔️ Bare Minimum Requirement ✅ statesairline/controller/flightController.js와 statesairline/controller/bookController.js 에 코드를 작성하세요. ✅ Express 공식문서에서 req.query , req.params를 사용하는 방법을 확인하세요. Query와 Params를 기준으로 데이터를 필터링하는 코드를 작성해야 합니다. ✅ 예약 데이터는 controller/bookController.js 안에 작성된 let booking = []; 배열에 저장해야 합니다. ✅ F.. Section2 Unit10 [Web Server] 기초 - Refactor Express Section2 Unit10 [Web Server] 기초 - Refactor Express 📌 Chapter2. Refactor Express ⭐️ 과제. Mini-Node Server를 Express로 리팩토링 구현과정 💡 TIP. 포스트맨을 활용해서 간편하게 요청을 보내고 응답을 확인할 수 있다. 1. express 모듈 학습 어제 node.js 맛 좀 보고, 하루만에 express로 넘어왔다… 여전히 모르는거 투성이에 감도 안잡혀서 express도 node.js 찍먹한 것처럼 간단한 구현만 먼저 해보기로 했다. express를 공부하다 보니 node.js로 코드를 작성할 때 어려웠던 부분들이 훨씬 편하게 해결되는 것들이 보였다. express가 편하다더니, 왜 그런지 알 것 같은 느낌에 기분이 약간.. Section2 Unit10 [Web Server] 기초 - CORS & Mini Node Server Section2 Unit10 [Web Server] 기초 - CORS & Http 모듈로 서버 만들기(Mini Node Server) 📌 Chapter1. CORS • 교차 출처 리소스 공유(Cross-Origin Resource Sharing, CORS)는 추가 HTTP 헤더를 사용하여, 한 출처에서 실행 중인 웹 애플리케이션이 다른 출처의 선택한 자원에 접근할 수 있는 권한을 부여하도록 브라우저에 알려주는 체제이다. → 브라우저는 SOP에 의해 기본적으로 다른 출처의 리소스 공유를 막지만, CORS를 사용하면 접근 권한을 얻을 수 있게 된다. • SOP(Same-Origin Policy. 동일 출처 정책)는 같은 출처의 리소스만 공유가 가능한 정책이다. 동일 출처 정책은 잠재적으로 해로울 수 있는 문.. Section2 Unit9 [React] 클라이언트 Ajax 요청 - StateAirline Client 과제 리뷰 Section2 Unit9 [React] 클라이언트 Ajax 요청 - StateAirline Client 과제 리뷰 ⭐️ 과제. StateAirline Client ✔️ Bare Minimum Requirement ✅ Part 1 테스트 통과 ✅ Part 2 테스트 통과 ✏️ 구현 과정 노트 ✨ Search.js import { useState } from "react"; function Search({ onSearch }) { const [textDeparture, setTextDeparture] = useState("ICN"); const [textDestination, setTextDestination] = useState(""); const handleChange = (e, callback) =>.. Section2 Unit9 [React] 클라이언트 Ajax 요청 Section2 Unit9 [React] 클라이언트 Ajax 요청 📌 Chapter1. React 데이터 흐름 • 단방향 데이터 흐름이라는 원칙에 따라 하위 컴포넌트는 상위 컴포넌트로부터 전달받은 데이터의 형태 혹은 타입이 무엇인지만 알 수 있다. 데이터가 state로부터 왔는지, 하드코딩으로 입력한 내용인지는 알지 못한다. 그래서 하위 컴포넌트에서의 어떤 이벤트로 인해 상위 컴포넌트의 상태가 바뀌는 것은 마치 “역방향 데이터 흐름”과 같이 조금 이상하게 들릴 수 있다. React가 제시하는 해결책은 다음과 같다. → 상위 컴포넌트의 “상태를 변경하는 함수” 그 자체를 하위 컴포넌트로 전달하고, 이 함수를 하위 컴포넌트가 실행한다. 이를 “상태 끌어올리기(Lifting State Up)”라고 한다. 상태.. Section2 Unit8 [HTTP/네트워크] 실습 - Postman Section2 Unit8 [HTTP/네트워크] 실습 - Postman 📌 Chapter2. Postman • 웹 개발에서 사용하는 대표적인 클라이언트는 브라우저이며, 브라우저는 서버에 HTTP 요청을 보낼 수 있지만 주로 웹 페이지를 받아오는 GET 요청에 사용한다. 브라우저의 주소창에 URL을 입력하면, 해당 URL의 root-endpoint로 GET 요청을 보내며, 테스트를 위해 GET요청이 아닌 다른 요청을 보내려면 개발자 도구의 콘솔 창에서 Web API fetch를 사용해야 한다. Postman은 테스트를 위해 매번 코드를 작성하는 번거로운 작업을 대신해 HTTP 요청을 테스트할 수 있는 API 테스트 도구이다. ⭐️ 과제. Message States 요청 📌 Postman으로 GET, POS.. 이전 1 2 3 4 5 6 7 8 9 다음
