profile
그날 그날 정리하기

404 Error Page ( ft.React )

잘못된 경로로 접속한 경우 보여줄 404 Error Page 작성법입니다.잘못된 경로로 접속한 경우 라우팅 처리를 합니다. react-router-dom의 switch 문을 이용해 에러 페이지 라우팅 처리를 할 수 있습니다.switch는 마치 if 문과같이 동작해 맞는

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

읽기좋은 코드가 좋은 코드다 Part 3

큰 흐름과 관계가 적은 하위문제들을 추출하자1\. 주어진 함수나 코드를 보고 질문해라. 상위수준에서 본 이 코드의 목적은?2\. 코드의 모든 줄에 질문해라. 이 코드는 직접적으로 목적을 위해 존재하나? 혹은 하위문제를 해결하는 목적인가?3\. 만약 원래의 목적과 직접적

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

이메일 템플릿 마크업

이메일 템플릿은 G-mail, naver, daum과 같은 플랫폼에서 이메일을 통해 보이는 웹 구조입니다.아래와 같은 것이 이메일 템플릿입니다. 저는 이미지처럼 저장해서 보내는 줄 알았는데 HTML 구조로 이루어져 있었네요.HTML 구조로 되어있지만 일반적인 마크업과

2021년 12월 19일
·
0개의 댓글

테스트 코드 개념

애플리케이션이 요구 사항에 맞게 동작하는지 검증하는 행위기능 명세서를 봤을 때 이 기능 명세서대로 어떻게 작동하는지 알 수 있다. 수동으로도 가능하지만 기능 명세서가 많아지면 시간이 오래 걸리게 되는데, 이때 테스트 코드가 있다면 빠르고 짧게 자동으로 검증할 수 있고

2021년 12월 15일
·
0개의 댓글

자바스크립트 언어의 특징

인터프리터 언어의 관점에서 정리했습니다.인터프리터 언어란 개발자가 작성한 코드들을 기계어로 변환하는 과정 없이 런타임에 한 줄 한 줄 해석하며 바로 명령어를 실행하는 언어를 말합니다.실행 파일을 생성하지 않는다.인터프리터 단계와 실행 단계가 분리되어 있지 않다.코드가

2021년 12월 8일
·
0개의 댓글

webpack, babel을 이용한 프로젝트 설정

매번 필요할 때마다, 궁금할 때마다 설정들을 가져와 사용만 하다 이번 기회에 저만의 프로젝트 webpack, babel 설정을 정리했습니다.webpack, babel 공식 문서를 참고해 작성했습니다.개발, 배포용에서 함께 사용할 수 있는 webpack 설정입니다.첫 시

2021년 11월 14일
·
0개의 댓글
post-thumbnail

[POB#34] Assignment 9 : 페이워크 기업 과제. Redux-Saga 이용해 비동기 네트워크 통신

Assignment 9: 페이워크 기술 과제 정리 글(2) 입니다

2021년 9월 2일
·
0개의 댓글
post-thumbnail

[POB#33] Assignment 9 : 페이워크 기업 과제. json-server로 임시 서버 구현

Assignment 9: 페이워크 기술 과제 정리 글입니다.

2021년 9월 2일
·
2개의 댓글
post-thumbnail

[POB#32] Assignment 8 : 모두컴퍼니 기업 과제. Drag and Drop 기능 구현 ( React )

Assignment 8 : 모두컴퍼니 기업 과제 입니다. React에서 Drag and Drop 기능 구현 정리 글 입니다.

2021년 8월 27일
·
0개의 댓글
post-thumbnail

[POB#31] Assignment 8 : 모두컴퍼니 기업 과제. Drag and Drop 기능 구현 ( VanillaJS )

Assignment 8 : 모두컴퍼니 기업 과제 입니다. Drag and Drop 구현입니다.

2021년 8월 27일
·
0개의 댓글
post-thumbnail

[POB#30] TypeScript(2). 리액트를 위한 타입스크립트

8월 24일 리액트를 위한 타입스크립트 정리 글 입니다.

2021년 8월 23일
·
0개의 댓글
post-thumbnail

[POB#29] TypeScript(1). 기본적인 타입스크립트 개념

8월 24일 타입스크립트 강의 정리입니다.

2021년 8월 23일
·
2개의 댓글
post-thumbnail

[POB#24] Assignment 6 : 솔라커넥트 기술 정리. Date 객체(1)

Assignment 6 과제 기술 정리글입니다.과제 레파지토리Date 객체를 사용해 현재 날짜와 시간을 구할 수 있습니다.Date 객체 자체로도 현재 날짜와 시간을 구할 수 있지만, 저희가 원하는 형식의 데이터 폼을 얻기 위해 다양한 메소드를 이용해야 합니다.getFu

2021년 8월 21일
·
0개의 댓글
post-thumbnail

[POB#23] Core Javascript2(2) closure, this

8월 16일 강의 노트 정리(2) 입니다. closure, this

2021년 8월 19일
·
0개의 댓글
post-thumbnail

[POB#22] Core Javascript2(1) 실행 컨텍스트, hoisting, scope

8월 16일 강의 노트 정리(1)입니다. 실행 컨텍스트, hoisting, scope

2021년 8월 16일
·
0개의 댓글
post-thumbnail

[POB#21] Assignment 5 : 코딩테스트 정리

Assignment 5: 미스터카멜 코딩테스트 정리 글입니다.

2021년 8월 16일
·
0개의 댓글
post-thumbnail

[POB#20] 이벤트 루프 ( 자바스크립트 동작 원리 )

이벤트 루프 ( 자바스크립트 동작 원리 ) 정리 글입니다.

2021년 8월 14일
·
0개의 댓글
post-thumbnail

[POB#19] 브라우저 작동 원리

브라우저 작동 원리 글 입니다.

2021년 8월 13일
·
0개의 댓글
post-thumbnail

[POB#18] Core Javascript 1 동기, 비동기 (ft. cb, Promise, async, await )

8월 12일 강의 동기/비동기 이해

2021년 8월 12일
·
0개의 댓글