Jieunny의 블로그

📣 재귀로 JSON.stringify 메서드 구현하기 1️⃣ Test 조건 ✓ 객체는 문자열 "9"로 변환되어야 합니다 ✓ 객체는 문자열 "null"로 변환되어야 합니다 ✓ 객체는 문자열 "true"로 변환되어야 합니다 ✓ 객체는 문자열 "false"로 변환되어야 합니다 ✓ 객체는 문자열 ""Hello world""로 변환되어야 합니다 ✓ 객체는 문자열 "[]"로 변환되어야 합니다 ✓ 객체는 문자열 "[8]"로 변환되어야 합니다 ✓ 객체는 문자열 "["hi"]"로 변환되어야 합니다 ✓ 객체는 문자열 "[8,"hi"]"로 변환되어야 합니다 ✓ 객체는 문자열 "[1,0,-1,-0.3,0.3,1343.32,3345,0.00011999]"로 변환되어야 합니다 ✓ 객체는 문자열 "[8,[[],3,4]]"로 변환되..

📣 나만의 아고라 스테이츠 서버 만들기 Bare Minimum Requirement Self Checklist 1️⃣ my-agora-states-server ✔️ my-agora-states-server/app.js ✅ 모든 Origin, 경로에 대해 CORS 요청을 허용하게 미들웨어를 적용합니다. ✅ POST 요청 등에 포함된 body(payload)를 구조화하기 위한 미들웨어를 적용합니다. ✅ 서버 상태 확인을 위해 / 에서 상태 코드 200으로 응답합니다. ✅ discussionRouter 를 이용하여 /discussions 경로로 라우팅합니다. ✔️ my-agora-states-server/router/discussions.js ✅ GET /discussions ✅ GET /discussions..

📣 Express 프레임워크를 사용해서 StatesAirline Server 구축하기 📍 req.query ➰ 경로의 각 쿼리 문자열 매개 변수에 대한 속성이 포함 된 객체(GET 방식으로 넘어오는 데이터의 쿼리스트링이 담긴다) ➰ www.example.com/post/1/jun?title=hello! 이면, title=hello! 를 객체로 가져온다. 📍 req.params ➰ 라우터의 매개변수 ➰ /:id/:name 경로가 있으면 ':id' 속성과 ':name' 속성을 req.params.id, req.params.name으로 사용할 수 있다. 📍 req.body ➰ json 등의 바디 데이터를 담을 때 사용한다(POST 방식으로 넘어오는 데이터를 담는다) ➰ 요청 본문에 제출 된 키,값 데이터 쌍을..

📣 Mini Node Server 만들기 1️⃣ 서버 생성 const http = require('http'); const server = http.createServer((request, response) => { // 여기서 작업이 진행됩니다! }); ➰ 모든 node 웹 서버 애플리케이션은 웹 서버 객체를 만들어야 하는데, 이 때 createServer를 이용한다. ➰ 이 서버로 오는 HTTP 요청마다 createServer에 전달된 함수가 한 번씩 호출된다. ➰ createServer가 반환한 Server 객체는 EventEmitter이다 (Server 객체를 생성하고 리스너를 추가하는 축약 문법 사용) ➕ EventEmitter 란? 더보기 ➰ 특정 이벤트에 리스너 함수를 달아서, 이벤트가 발생..

📣 Ajax를 활용해서 항공편 검색 페이지 구현하기 1️⃣ 항공권 목록 필터링 ✔️ Main 컴포넌트에서 항공편을 조회한다. ➰ Main 컴포넌트 내 `search` 함수는 검색 조건을 담고 있는 상태 객체 `condition`을 업데이트해야 한다. ✔️ Search 컴포넌트를 통해 상태 끌어올리기를 학습한다. ➰ 검색 화면이 Search 컴포넌트로 분리되어야 한다. ➰ Search 컴포넌트에는 상태 변경 함수 `search`가 `onSearch` props로 전달되어야 한다. ➰ 상태 변경 함수 `search`는 Search 컴포넌트의 `검색` 버튼 클릭 시 실행되어야 한다. 2️⃣ AJAX 요청 ✔️ Side Effect는 useEffect에서 다뤄야 한다. ➰ 검색 조건이 바뀔 때마다, Flight..

📣 리액트로 Twitter 구현하기 ✔️ react-router-dom 사용하기 ✔️ state & props 사용해서 전송 트윗 만들기 ✔️ 기본 페이지 컴포넌트 구현하기 ✔️ font awesome 사용하기 📣 주요 컴포넌트 1️⃣ App.js import React from 'react'; import { BrowserRouter, Routes, Route } from 'react-router-dom'; // TODO : React Router DOM을 설치 후, import 구문을 이용하여 BrowserRouter, Routes, Route 컴포넌트를 불러옵니다. import Sidebar from './Sidebar'; import Tweets from './Pages/Tweets'; impor..