본문 바로가기

분류 전체보기

 (76)
SEB_FE_ 블로깅 챌린지 _ 40일차 ( 자료구조/알고리즘 재귀 ) 1. 기본 개념 : 자기 자신을 호출하는 함수 function recursion () { // 해당 코드 console.log("재귀 테스트") recursion() } // output : 재귀 테스트 재귀 테스트 재귀 테스트 재귀 테스트 ... -> 나 자신을 무한으로 호출하므로 중간에 빠져나올 조건을 달아야 함. 2. 사용 요건 : -> 주어진 문제를 비슷한 구조의 더 작은 문제로 나눌 수 있을때 사용. -> 중첩된 반복문이 많거나 중첩 횟수를 예측하기 힘들 때 사용. 예시 : 자연수를 입력받고, 입력받은 수부터 1까지의 자연수를 모두 곱한 값을 리턴하는 재귀 함수 `fac` 을 작성하세요 1. 재귀 함수의 입/출력 값을 설정하기. -> input : 자연..
SEB_FE_ 블로깅 챌린지 _ 39일차 ( Section2 회고 ) -> 한달 전에 다짐했던 회고를 잘 지키고 있나 체크하는 시간을 가졌다. ✔ 부트 캠프 이후로 하루에 한번 무조건 블로깅 챌린지를 작성한다. : 독감 걸려서 앓아 누웠을 때 하루 작성을 하지 못했다 ㅜㅜ. 원래라면 주말에 적어서 냈을 테지만 , 하루종일 과제를 하는 날이라 따로 블로그로 적진 않았다. ✔ 강의 자료에 한정되지 않고 잘 검색한다. : 검색을 자주 하고 있긴하다. 모르는게 있으면 바로 검색을 하고, 메서드 들 간에 차이를 이해 하려고 노력한다. 그런데... 좀 자료가 너무 방대하다 보니 너무 들인 노력에 비해 얻는게 적다는 생각이 들기도 하고.. 가끔 뇌절이 온다.😵‍💫 너무 투머치로 하는건 아닌가 생각하고 덜 공부하면 다음과제를 풀지 못하고.. 이 부분에..
SEB_FE_ 블로깅 챌린지 _ 39일차 ( 복습 & 기술 면접 준비 ) JavaScript -> Promise의 기능과 필요한 이유에 대해서 설명해주세요. : 일단 promise 는 비동기로 서버에서 받아온 데이터를 원하는 순서대로 처리하기 위해 사용되는 객체입니다. 함수 속 매개변수로 함수를 넣는 callback 함수의 방법도 있지만, 복잡한 웹일 수록 가독성이 낮아지는 callback Hell이 발생합니다. 저희는 이를 Promise로 조금더 간단하게 처리할 수 있습니다. Promise의 기능을 말씀드리기에 앞서 promise는 대기 - 이행 - 실패 상태로 구분할 수 있습니다. 이 상태에 따라 수행하는 .then()이나 .catch() 등 promiseAPI 메소드로 promise 상태에 따른 각 수행을 지정할 수 있습니다. (promise 도 callback과 같이 ..
SEB_FE_ 블로깅 챌린지 _ 38일차 ( req.query , req.params ) 보호되어 있는 글입니다.
SEB_FE_ 블로깅 챌린지 _ 37일차 ( Refactor Express ) 오늘의 목표 : HTTP 모듈로 작성했던 서버를, 프레임워크 Express로 리팩토링 해 보기. 1. Express 설치 // 작업 디렉토리 설정 $ mkdir myapp $ cd myapp // package.json 파일 작성 $ npm init // 어플리케이션 이름과 버전 확인 , 기본 파일 이름 입력( 엔터 ) entry point: (index.js) // 해당 작업 디렉토리에 Express 설치 후 종속 항목 목록에 저장. $ npm install express --save -> Express 간단 사용 // 'Hello World!'응답을 받을 수 있음 const express = require('express') const app = express() const port = 3000 ap..
SEB_FE_ 블로깅 챌린지 _ 36일차 ( web server - cors 리뷰 ) - Same - Origin - Policy : 동일 출처 정책 1. 기본 개념 : 같은 출처 즉, 프로토콜, 호스트, 포트가 같아야 리소스 공유가 가능하다. -> http의 기본 포트는 80 , https프로토콜의 기본 포트는 443. -> 문서를 분리함으로써 해킹 등 공격 받을 수 있는 경로를 줄여줌. -> 클라이언트와 서버도 다른 출처를 가지므로 앞으로 다른 출처의 리소스를 받아오는 방법을 배울 것임. ( CORS ) - Cross - Origin Resource Sharing : 교차 출처 리소스 공유 1. 기본 개념 : 추가 HTTP 헤더를 사용하여, 다른 출처의 자원에 접근할 수 있는 권한을 부여함. : SOP에 막힌 다른 출처의 리소스 공유를 CORS를 사용해 ..
SEB_FE_ 블로깅 챌린지 _ 35일차 ( Effect Hook ) 보호되어 있는 글입니다.
SEB_FE_ 블로깅 챌린지 _ 34일차 ( React 데이터 흐름) - 컴포넌트 내부의 데이터 흐름 * React 개발의 시작 컴포넌트 찾기 -> 계층적 구조로 나누기 -> 컴포넌트는 바깥에서 props를 이용해 데이터를 속성처럼 전달받음. 특징 : 데이터를 전달하는 주체는 부모 컴포넌트임. 데이터의 흐름이 단방향 이고 하향식이다. 1. 데이터 정의 -> 변하는 값과 변하지 않는 값. state와 props 대략 정하기. ( 부모로부터 props를 통해 전달이 되나? 시간이 지나도 변하지 않는가? 컴포넌트 안의 다른 state나 prop를 갖고 계산이 가능한가? -> NOT state!! ) 2. state의 위치 정하기 : 특정 컴포넌트에서만 유의미 하면 그 컴포넌트에 두고, 여러 컴포넌트에 유의미하면 공통 소유 컴포넌트에 둔다. ( ex..

티스토리툴바