profile
연주하는 개발자

[자료구조/알고리즘] 재귀

자기 자신을 호출하는 함수 반복적인 작업을 해야하는 문제를 좀 더 간결한 코드로 풀어낼 수 있다. 재귀 사용은 언제? 1\. 주어진 문제를 비슷한 구조의 더 작은 문제로 나눌 수 있는 경우 2\. 중첩된 반복문이 많거나 반복문의 중첩횟수를 예측하기 어려운 경우 3\

어제
·
0개의 댓글

[문제풀이] stringifyJSON, Tree UI

DOM의 트리구조 - 재귀 활용 자식엘리먼트가 있으면 span, input을 넣어놨고 없다면 list 안에 넣어놨다4개의 객체가 하나의 배열 안에 들어있다. 음료의 자식 children 안에 또 배열 안에 객체들이 들어있음.\+) 또...아래와 같이 정의된 피보나치 수

2일 전
·
0개의 댓글

SECTION 2 회고

Section 2 배운 내용 [JavaScript] 고차 함수 [JavaScript] 객체 지향 프로그래밍 [JS/Node] 비동기 [React] Intro [React] React SPA [React] React State & Props [HTTP/네트워크] 기초 [

3일 전
·
0개의 댓글

[문제풀이] Node Server

req, res을 서버에서 쓸 수 있다.js를 실행하려면 nod를 써라.요청을 실제로 처리하려면 listen메서드가 server객체에서 호출되어야 한다.cors 정리요청에는 응답이 온다. 프리플라이트 리퀘스트.모든 요청이 올 때마다 프리플라이트 리퀘스트가 같이 온다.

2022년 6월 17일
·
0개의 댓글
post-thumbnail

[Web Server] 기초

cors node.js로 서버 구축, express로 리팩토링, API Server직접 구현하며 라우팅 API 서버 구현을 할 수 없다면 동적 활동을 할 수 없는 클라이언트만 구현하게 될 것임. > #### Chapter1. CORS 1-1 CORS, SOP 1-2

2022년 6월 15일
·
0개의 댓글
post-thumbnail

[React] 클라이언트 Ajax 요청

React의 데이터 흐름여러 컴포넌트 사이에서 어떤 방식으로 데이터를 다루는지Effect Hook와 Ajax를 사용해 서버로부터 데이터를 받아오는 방법1-1 React 데이터 흐름1-2 State 끌어올리기 (Lifting State Up)2-1 Side Effect2

2022년 6월 15일
·
0개의 댓글

API 테스트 도구

매번 코드를 작성하는 것 대신에 HTTP 요청을 테스트할 수 있는 도구.클라이언트 입장에서 서버 API를 테스트&만드는 과정에서 유용curl , wuzz Postman , insomnia

2022년 6월 13일
·
0개의 댓글

[HTTP/네트워크] REST API

웹에서 사용되는 데이터나 자원(Resource)을 HTTP URI로 표현하고, HTTP 프로토콜을 통해 요청과 응답을 정의하는 방식REST는 개방형 표준을 사용하므로 API 또는 클라이언트 응용 프로그램의 구현이 특정 구현에 바인딩되지 않는다REST API는 리소스를

2022년 6월 10일
·
0개의 댓글

[HTTP/네트워크] 기초

1-1. 클라이언트 - 서버 아키텍처1-2. 클라이언트 - 서버 통신과 API2-1. URL과 URI2-2. IP와 포트2-3. 도메인과 DNS2-4. 크롬 브라우저 에러 읽기3-1. HTTP Messages3-2. HTTP Requests3-3. HTTP Respon

2022년 6월 9일
·
0개의 댓글
post-thumbnail

[문제풀이] React

MyPage Tweet Tweets Advenced 트윗 필터링 구현하기 State를 어떤 걸로 관리할지? 셀렉트와 옵션 만들기. 이름별로 구분 핵심은 어떤 게 State인 줄 아는 것. 어떤 걸 State로 관리할지 생각하기.

2022년 6월 9일
·
0개의 댓글
post-thumbnail

[React] React State & Props

1-1 Props1-2 State1-3 이벤트 처리1-4 Controlled Component1-5 React 데이터 흐름React의 개발 방식의 가장 큰 특징 "페이지 단위가 아닌, 컴포넌트 단위로 시작"변하지 않는 컴포넌트 외부로부터 전달받은 값. 부모 컴포넌트(

2022년 6월 8일
·
0개의 댓글
post-thumbnail

[React] React SPA

서버로부터 완전히 새로운 페이지를 불러오는 것이 아니라,화면을 업데이트하기 위해 필요한 데이터만 서버에서 전달받아 브라우저에서 해당하는 부분만 업데이트하는 방식으로 작동하는 웹 애플리케이션이나 웹 사이트전통적인 웹사이트에선 사용자가 웹사이트 내의 다른 페이지로 이동하면

2022년 6월 8일
·
0개의 댓글
post-thumbnail

[React] Intro

프론트엔드 개발을 위한 자바스크립트 오픈소스 라이브러리오픈소스 : 소스가 공개되어 있음(저작권자가 공개) 누구나 자유롭게 사용, 복제, 배포, 수정 가능한 소프트웨어선언형 프로그래밍이란 무엇(What) 에 집중하여 프로그래밍을 하는 것 <-> 명령형 프로그래밍은

2022년 6월 2일
·
0개의 댓글

[문제풀이] 비동기

동기 : 하나의 작업이 온전히 끝나야 다음 작업이 진행되는 방식 비동기 : 하나의 작업이 온전히 끝나지 않아도 다음 작업이 진행되는 방식. 동시다발적인 업무처리가 쉽다 Callback promise 콜백헬을 해결하기 위해 나옴. pending 대기: 비동기 처리가

2022년 5월 31일
·
0개의 댓글
post-thumbnail

[JS/Node] 비동기

고차 함수는 전달인자(argument)로 함수를 넘겨줄 수 있다.고차 함수의 전달인자로 넘겨주는 함수 : 콜백 함수.작업 중에 호출하는 경우가 많아서, 업무 중 걸려온 전화에 답신하는 전화를 나타내는 콜백이란 이름이 붙여짐고차 함수는 다른 함수를 리턴할 수 있다.함수를

2022년 5월 31일
·
0개의 댓글
post-thumbnail

[JavaScript] 객체지향 프로그래밍 2

절차 지향 프로그래밍과는 다르게 데이터와 기능을 한곳에 묶어서 처리한다. 속성과 메서드가 하나의 "객체"라는 개념에 포함되며, 이는 자바스크립트 내장 타입인 object(이하, object literal)와는 다르게, 클래스(Class)라는 이름으로 부른다.하나의 모델

2022년 5월 27일
·
0개의 댓글

SECTION 1 회고

KPT 회고 혼자 많은 고민을 했다. 남들과 다른 길을 가는 것, 접하지도 못한 분야에 뛰어든다는 건 내게 두려움이자 리스크가 큰 도전이었다. 내가 잘 해낼 수 있을까, 조언을 얻고 싶어서 주위를 돌아봐도 나같은 선례는 없었다. 너무나 당연하게도 전공 관련 분야로 진

2022년 5월 27일
·
0개의 댓글

[문제풀이] Underbar

언더바 새로운 배열 리턴 _.each _.indexOf _.filter element, index, array : 이 세개를 만들어주고 반복문을 돌려서 테스트 트부면 푸시해준다. _.uniq _.map 매우 자주 사용되는 함수 _.each함수와 비슷하게 동작

2022년 5월 27일
·
0개의 댓글
post-thumbnail

[JavaScript] 객체지향 프로그래밍

객체지향이 무조건 좋은 건 아니다.메모리 관리가 중요하다 -> 메모리를 적게 쓰는 절차지향사람들과의 협업이 필요 -> 코드 이해가 쉬운 객체지향 용도에 맞게 쓰면 됨.데이터(속성)와 기능(메소드)을 하나의 객체 안에 넣어서 묶는 것내부 구현은 복잡, 실제로 노출되는 부

2022년 5월 26일
·
0개의 댓글
post-thumbnail

[JavaScript] 고차 함수

2-1 filter2-2 map2-3 reduce 함수를 전달인자(argument)로 받을 수 있고, 함수를 리턴할 수 있는 함수다른 함수(caller)의 전달인자(argument)로 전달되는 함수작업이 완료되었을 때 호출하는 경우가 많아서 붙여진 이름콜백 함수를 전달

2022년 5월 24일
·
0개의 댓글