사용자가 선택한 자원을 서버에 요청하고 브라우저에 표시한다.브라우저는 HTML파일을 해석하여 표시하는 역할을 하는데, 웹 표준화 기구인 W3C에서 정한 HTML과 CSS 명세에 따라 표시한다.이때 자원을 요청하는 주소가 uri이다.\

버튼을 눌렀을 때 onClick 이벤트에 nextHandler라는 함수가 실행 되도록 했다. 그리고 위의 방법 처럼 nextHandler 함수에 props.history를 이용해 Input 태그에서 입력 받은 값을 state로 넘겨줄 수 있다.

CSS 파싱 방식은 HTML 파싱 방식과는 다르게 문맥 자유 문법이다. 그리고 CSS명세는 CSS어휘와 문법을 정의한다. 어휘 문법은 각 토큰을 위한 정규 표현식으로 정의되어 있다.

타입이 있는 자바스크립트 타입스크립트는 자바스크립트로 컴파일되는 자바스크립트의 타입이 있는 상위집합이다. 보다 정확히는 정적 타입 시스템(static type system)을 도입한 자바스크립트이다. 정적 타입 시스템이 있는 언어, 즉 정적 타입 언어(statical

타입스크립트로 리액트 Hooks 사용하기 타입스크립트를 사용하는 리액트 컴포넌트에서 useState / useReducer를 사용하여 컴포넌트 상태를 관리할 수 있다. useRef를 사용하여 컴포넌트 내부에서 관리하는 변수 및 DOM을 이용할 수 있다.

props로 오는 type을 지정해준다. export interface HelloProps { compiler: string; framework: string; } export interface HelloProps { compiler: any; fram

디자인패턴 객체 지향 프로그래밍 설계를 할 때 자주 발생하는 문제를 피하기 위해 사용되는 패턴을 말한다. 의사소통 수단의 일종으로 MVVM entity 설정 export 해주고 주문 가져 오기 -> usecase에서 가져온다. 데이터 가져오기 data폴더 api

Business Logic? Business Logic은 컴퓨터 프로그램에서 실세계의 규칙에 따라 데이터를 생성, 표시, 저장, 변경하는 부분을 말한다. Business Logic은 유저의 입력(UI)과 DB 사이에서 발생한 정보 교환을 위한 특정 알고리즘이나 규칙이

1\. 원하는 경로에 프로젝트 디렉토리를 생성하고 명령어를 입력CRA (Create React App)으로 프로젝트를 만들지 않으면 직접 package.json을 만들어 줘야 한다. 2\. root 폴더에 index.html 파일 생성 / script에 번들 코드 추가

componentDidMount = () => { // console.log("Menu CDM url : ", this.props.history.location.pathname); let currentPath = this.props.history.loca

componentDidMount = () => { // console.log("Menu CDM url : ", this.props.history.location.pathname); let currentPath = this.props.history.loca

static blog 블로그 작성하면 파일 전체가 생성 / 물리적으로 사용자가 가지고 있을 수 있다 블로그를 작성하면 git에 배포(daploy)한다. 도메인 (영문 주소) npm (node package manager) npm install -g gatsby-

product ID 그 페이지에 가면 그 정보를 보여주는 페이지가 되는 것..? https://jsonplaceholder.typicode.com/ https://jsonplaceholder.typicode.com/users/1 => 뒤에 번호를 바꿔주면 그에 맞는

인증 인증은 회원가입과 로그인을 말한다 인증은 왜 필요할까? 우리 서비스를 누가 쓰는지 어떻게 사용하는지 추적이 가능하도록 하기 위해 필요 비밀번호 어떻게 관리해야하는가? 법규상의 강제 데이터베이스에 저장시 개인정보를 해싱하여 복원할 수 없도록 함

내가 짠 코드가 작동하는지 확인 하는것 - 테스트 E2E - end to end / UI 테스트 직접 UI를 통해 테스트 하는 것 인력이 모자라는데, 급할 때 사용 모두 연결이 된 후에 테스트 가능 / 비용, 시간이 많이 든다. 항상 반복해서 하기 힘들다. 새로 변경

동기와 비동기 동기적(Synchronous) 처리 이전의 작업이 끝날 때 까지 다음 작업을 할 수 없다. 이전의 작업이 끝나야 다음 작업이 실행되는 것. 비동기적(Asynchronous) 처리 코드를 실행할 때 흐름이 멈추지 않는다. 동시에 여러가지 작업을 처리.

map 함수를 이용하여 component를 재사용 하는 것이 목적

SPA 페이지가 하나. 페이지는 여러개 이지만 html은 하나로 작동 하는 것 SEO 검색엔진최적화 사이트를 만들기만 해서 검색 엔진에 노출이 되는 것이 아니다. 구글의 크롤봇이 사이트를 돌며 html의 내용을 가지고 있다.

mac 터미널에서 ifconfig를 입력하면 자신의 ip를 확인할 수 있다. log0의 inet에서 ip를 확인 프론트엔드 포스트맨에서 백엔드가 준 주소와 메서드를 입력 하고 데이터를 받아와서 조작하여 화면에 보여주려고 하기 때문에 componenetDidMoun

HyperText Transfer Protocol 하이퍼텍스트(HTML) 문서를 교환하기 위해 만들어진 protocol(통신 규약) HTTP 핵심 요소 HTTP 기본적으로 요청/응답 (request/response) 구조로 되어있다. 요청을 하면 무조건 응답 해야 함