# Section 2

38개의 포스트

Section 2 회고

React의 state와 propsstatestate는 컴포넌트 내부에서 변할 수 있는 값으로, 컴포넌트 내에서 일종의 변수로 관리는데 state는 일반 변수와 다르게 값이 변하면 렌더링이 일어난다.setState()함수형 컴포넌트에서는 state 값을 직접 변경하지

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

Coz’ Mini Hackathon

아고라스테이츠 서버

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

[Web Server] 기초 (3)

이번 과제의 목표는 클라이언트 요청에 따라 항공편과 예약 데이터를 조회, 생성, 수정 및 삭제 기능을 수행하는 서버를 Express를 사용하여 구현하는 것이었다. 항공편 데이터와 공항 데이터로 이용한 데이터는 객체로 이루어진 배열( \[{}, {}, ...] )로 구성

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

[Web Server] 기초 (2)

JavaScript의 런타임인 node.js를 앞서 조금 다뤄보기는 했지만 서버 코드는 처음 작성해봐서 굉장히 생소하고 낯설었다. 첫번째 과제는 거의 공식문서만 쥐어주고 과제를 진행하라고 해서 체감상 역대급으로 힘들었다. 대략이나마 이해하고 난 지금 보면 그렇게 어렵지

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

[React] 클라이언트 Ajax 요청 (1)

컴포넌트 단위로 시작한다.프로토타입 -> 컴포넌트 계층 구조 나누기(컴포넌트 찾기 -> 페이지 조립)상향식(bottom-up)테스트가 쉽고 확장성이 좋다.단일 책임 원칙 - 하나의 컴포넌트는 한 가지 일만 한다.트리구조컴포넌트는 props를 이용해 부모 컴포넌트로부터

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

[HTTP/네트워크] 실습 (2)

브라우저의 주소창에 URL을 입력하면, 해당 root-endpoint으로 GET 요청을 보낸다. 브라우저에서 API 테스트를 위해 GET 요청이 아닌 다른 요청을 보내려면 콘솔 창에서 원격 API를 호출하는 함수인 fetch를 사용해야 한다. (예시) 콘솔 창에서 PO

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

[HTTP/네트워크] 실습 (1)

웹에서 사용되는 데이터나 자원을 HTTP URI로 표현하고, HTTP 프로토콜을 통해 요청과 응답을 정의하는 방식REST API 성숙도 모델은 4단계로 나뉘며 각 단계를 충족하면 할수록 REST API에 가까워진다.성숙도 모델의 2단계까지만 적용해도 좋은 API 디자인

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

[HTTP/네트워크] 기초

웹 애플리케이션 아키텍처 (1) 클라이언트-서버 아키텍처 (2티어 아키텍처, 클라이언트-서버) 클라이언트(리소스를 사용하는 앱)과 서버(리소스를 사용하는 앱)을 분리한 것 클라이언트와 서버는 요청과 응답을 주고받는 관계이며, 클라이언트-서버 아키텍처에서는 요청이 선행

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

[React] React State & Props

props는 외부로부터 전달받은 값state는 (컴포넌트) 내부에서 변화하는 값어떤 것이 Props 또는 State에 적합할까props (바꿀 수 없는 것)이름성별state (변할 수 있는 것)나이현재 사는 곳취업 여부결혼/연애 여부Toggle Switch 컴포넌트가

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

[React] React SPA

single page applicationReact Router라이브러리SPA는 하나의 페이지를 가지고 있지만 사실 한 종류의 화면만 사용하지 않는다. ex) twittler와 같은 SPA는 메인 트윗 모음 페이지, 알림 페이지, 마이 트윗 페이지 등의 화면이 필요하다

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

[React] Intro

프론트엔드 개발을 위한 JavaScript 오픈소스 라이브러리리액트의 3가지 특징선언형(Declarative)코드를 자세히 분석하지 않고도 코드의 의도를 분명히 알 수 있게 작성하는 방식 (명시적)리액트는 한 페이지를 보여주기 위해 HTML/CSS/JS로 나눠서 적기보

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

fetch

fetch

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

[JS/Node] 비동기 (2)

Node.js

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

[JS/Node] 비동기

콜백함수 : 다른 함수의 전달인자로 넘겨주는 함수동기적 / 비동기적으로 실행할 수 있다.callback in action : 반복 실행하는 함수 (iterator)callback in action : 이벤트에 따른 함수 (event handler)비동기

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

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

객체 지향 프로그래밍의 특성 중 상속을 JavaScript에서 구현할 때 프로토타입 체인을 사용한다.Teacher 클래스는 Person 클래스와 공통된 속성과 메소드를 포함하면서 Person 클래스에는 없는, Teacher 클래스만의 속성(subject, grade)을

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

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

객체 지향 개요클로저 모듈 패턴메서드 호출 방식을 이용할 때에는 화살표 함수를 쓰지 않는다. (https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Functions/Arrow_functions// 단

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

React 상태관리

Section 2

2022년 3월 29일
·
0개의 댓글
·