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

[TIL] TypeScript 4 - 인터페이스

인터페이스(interface)를 통해 값이 따라야 할 타입을 표현 할 수 있다. 인터페이스 타입을 통해 값의 형태, 값이 어떤 멤버를 가져야 하는지 그 멤버의 타입은 어때야 하는지 나타낼 수 있다.

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

[TIL] TypeScript 3

이전에 TypeScript로 프로젝트를 진행한 경험이 있다. 이때, 완벽하게 이해하지 못하고 넘어갔던 코드나 개념을 다시 짚어보려고 한다. React에서 컴포넌트 만드는 방법 클래스 기반 - 확장(extends)해서 사용

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

React에서 Test하기

Test 소프트웨어 관점에서 테스트를 정의한다면 애플리케이션이 요구 사항에 맞게 동작하고 있는지를 검증하는 것을 말한다. 보통 개발을 완료하면 사용자가 사용하기 전에 QA(Quality Assuarance)라는 과정을 거치는데, 이 과정을 테스트라고 할 수 있다.

2020년 8월 2일
·
0개의 댓글
post-thumbnail

위코드 후기 (사실은.. 고마워요! 위코드)

저는 위코드 7기를 수료했습니다. 스스로도 워낙 글을 잘 쓰지 못한다고 생각하기 때문에 후기를 남길 생각이 없었는데 이 기억도 나중에 흐릿해 질 것 같아서 남겨 보려 합니다.

2020년 7월 20일
·
19개의 댓글

[TIL] TypeScript 2 - 함수

함수 함수의 타입 함수의 타입을 결정하기 위해서는 아래와 같이 두 가지 정보가 필요하다. 매개변수(parameter)의 타입 반환값(return value)의 타입 (반환 타입) 매개변수 (param1: number) 변수 타입을 나타낼 때와 같이 매개변수 뒤에 콜론

2020년 7월 14일
·
0개의 댓글
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 1

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

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

useReducer / useContext

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

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

MVVM 디자인패턴

# 디자인 패턴 - 디자인 패턴이란 소프트웨어 공학론에서 좋은 코드를 설계하기 위한 일종의 설계 디자인 방법론을 말한다. **좋은 코드란** 간결한 코드, 가독성이 좋은 코드 등 여러 가지가 있지만, 디자인 패턴에서는 설계적 관점에서의 좋은 코드를 말한다.

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개의 댓글

Gatsby로 블로그 만들기

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

2020년 5월 24일
·
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개의 댓글

[Session] HTTP & RESTful HTTP API

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

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