profile
룰루랄라! 개발자 되고 싶어요🙈
post-thumbnail

How Browsers Work 2

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

2020년 6월 14일
·
0개의 댓글

[TIL] useCallback

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

2020년 6월 14일
·
0개의 댓글
post-thumbnail

How Browsers Work 1 - CSS파서

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

2020년 6월 7일
·
0개의 댓글

[TIL] 타입스크립트 (TypeScript)

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

2020년 6월 6일
·
0개의 댓글

useReducer / useContext

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

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

타입스크립트

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

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

MVVM 디자인패턴

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

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

Clean Architecture

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

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

[React] 개발환경 세팅하기

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

2020년 5월 25일
·
0개의 댓글

프로젝트

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

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

프로젝트

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

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

Gatsby로 블로그 만들기

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

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

동적라우팅

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

2020년 5월 17일
·
0개의 댓글

[Session] 인증 / 인가

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

2020년 5월 17일
·
0개의 댓글

[Session] TEST & Git rebase

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

2020년 5월 16일
·
0개의 댓글

[TIL] Promise와 async / await

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

2020년 5월 7일
·
0개의 댓글
post-thumbnail

[TIL] react-exercises

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

2020년 5월 5일
·
0개의 댓글

[Session] How the Web Works? ( MPA, CSR, SPA, SSR)(

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

2020년 5월 4일
·
1개의 댓글

API 연결

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

2020년 5월 3일
·
0개의 댓글

[Session] HTTP & RESTful HTTP API

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

2020년 5월 3일
·
0개의 댓글