● 오늘 공부한 것 fe-sprint-statesairline-server 어제는 express 와 미들웨어의 늪에 빠져서 힘들었는데, 그래도 많은 삽질을 해놓았더니 다져놓은만큼 오늘은 쉽게 문제풀이를 할 수 있었습니다. fligthRouter.js const { findAll, findById, update } = require('../controller/flightController'); const express = require('express'); const router = express.Router(); router.get('/', findAll); router.get('/:uuid', findById); router.put('/:uuid', update); module.exports = rou..
분류 전체보기
문제 설명 어떤 문장의 각 알파벳을 일정한 거리만큼 밀어서 다른 알파벳으로 바꾸는 암호화 방식을 시저 암호라고 합니다. 예를 들어 "AB"는 1만큼 밀면 "BC"가 되고, 3만큼 밀면 "DE"가 됩니다. "z"는 1만큼 밀면 "a"가 됩니다. 문자열 s와 거리 n을 입력받아 s를 n만큼 민 암호문을 만드는 함수, solution을 완성해 보세요. 제한사항 공백은 아무리 밀어도 공백입니다. s는 알파벳 소문자, 대문자, 공백으로만 이루어져 있습니다. s의 길이는 8000이하입니다. n은 1 이상, 25이하인 자연수입니다. 입출력 예 s n result "AB" 1 "BC" "z" 1 "a" "a B z" 4 "e F d" 정답 function solution(s,n){ // a 97 이고 z 122 // ..
● 오늘 공부한 것 express Express "Hello World" 예제 Hello world 예제 기본적으로 이 앱은 여러분이 작성할 수 있는 가장 간단한 Express 앱일 것입니다. 이 앱은 하나의 파일로 된 앱이며 Express 생성기를 통해 얻게 되는 앱과는 같지 않습니다. (이 예제 expressjs.com Express 기본 라우팅 기본 라우팅 라우팅은 URI(또는 경로) 및 특정한 HTTP 요청 메소드(GET, POST 등)인 특정 엔드포인트에 대한 클라이언트 요청에 애플리케이션이 응답하는 방법을 결정하는 것을 말합니다. 각 라우트 expressjs.com 어제 과제를 express 설치 후 다시 풀어보았습니다. Mini-node-server const express = requir..
● 오늘 공부한 것 CORS ● CORS (Cross-Origin-Resource-Sharing) 오늘은 CORS에 대해서 포스팅 해볼까 합니다. 오늘은 CORS를 정리하기만해도 오늘의 몫을 다했다고 볼 수 있겠네요. 거지같은 ㅇㅣ CORS 오류 .. 도댁체가 이것이 멀까요? ● 우리는 웹서버를 개발하 ddaeunbb.tistory.com 과제 HTTP 트랜잭션 해부 | Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 과제를 막상 하려니 너무 막막했는데요.. 트랜잭션 해부를 보니까 많이 이해가되었습니다. http.createServer([options][,requestlistener]) 모..
● 오늘 공부한 것 비동기 함수로 데이터 받아오기 FlightDataApi.js export async function getFlight(filterBy = {}) { // HINT: 가장 마지막 테스트를 통과하기 위해, fetch를 이용합니다. 아래 구현은 완전히 삭제되어도 상관없습니다. // TODO: 아래 구현을 REST API 호출로 대체하세요. const url = 'http://ec2-13-124-90-231.ap-northeast-2.compute.amazonaws.com:81/flight' let param = filterBy.destination ? `${url}?departure=${filterBy.departure}&destination=${filterBy.destination}` :..
useRef는 렌더링에 필요하지 않는 값을 참조할 수 있는 React Hook입니다. 렌더링이 잦게 되면 리액트의 성능에 문제가 생길 수 있기 때문에, 렌더링이 될 props, state와 렌더링이 되지 않을 값을 구분하는 것은 매우 중요한 일이다. const ref = useRef(initialValue) 공식 문서에 따르면 ref는 위와같이 사용될 수 있다. ref.current 프로퍼티를 변경해도 React는 컴포넌트를 다시 렌더링하지 않습니다. ref는 일반 자바스크립트 객체이기 때문에 React는 사용자가 언제 변경했는지 알지 못합니다. 초기화를 제외하고는 렌더링 중에 ref.current를 쓰거나 읽지 않는 것으로 합쉬다. ● useRef 사용법 : 클릭카운터 const App = ()=>{ ..
