협업 툴 관련 : 디코 접속시간, 채널 분류, 피그마 사용여부, 깃허브 브랜치 전략, 커밋 컨벤션 정리프로젝트 세부 일정스택 오버플로우 구현할 기능 결정멤버쉽 - 사용자 요구사항 정의서 작성개발환경 구성(기술 스택 결정)업무 배분깃허브 프로젝트 등록 : 마일스톤, 백로

mkdir 폴더명 - 폴더생성cd 이름 - 이름으로 디텍토리 이동cd .. 현재 폴더의 상위 폴더로 이동touch 파일명.확장자 - 파일 생성ls 폴더 내에 있는 파일들 출력ls -a 숨겨진 파일이나 디렉토리 모두 보여주는 명렁어cd - 전에 있었던 디렉토리로 이동rm

처음 계획은 이미 제작한 투두 리스트를 타입스크립트로 리팩토링 할 예정이었지만 간단한 작업인 만큼 처음부터 제작하기로 마음먹고 새로 하게 되었다.타입스크립트 사용이 목적이기 때문에 최대한 간단한 레이아웃과 기능 구현을 하려고 한다. 체크박스를 눌렀을때, O표시가 되고

클라우드 컴퓨팅 서비스로 이전에 여러 사업자에게 각각 빌려야했던 인프라를 일괄로 빌릴 수 있게 되었으며 필요에 따라 운영체제(OS), 웹 서버, DB 서버 등 필요한 소프트웨어 까지 통째로 사용할 수 있는 편리한 서비스.AWS에는 컴퓨팅, 스토리지, 데이터베이스, 분석

최적화는 주어진 조건으로 최대 효율을 낼 수 있도록 하는것이며 컴퓨터 공학에서는 가능한 적은 리소스를 소모하며 가능한 빠르게 원하는 결과를 얻을 수 있도록 하는 것이다. 그렇다면 웹 개발에서의 최적화 방법과 그 필요성에 대해 알아보자.이탈율 감소화면을 불러오는 시간이

TDD(Test-driven Development)는 코드를 작성하기 전에 테스트를 쓰는 소프트웨어 개발 방법론. 본인이 바람직하다고 생각하는 코드의 결과를 미리 정의하고 코드를 작성하는것인데 개발 주기는 다음과 같다.이 과정세어 1 과정을 마치기 전에 2를 시작하지

진행한 프로젝트의 단점을 찾아볼 수 있다. 이는 HTTP요청 관련한 문제인데상대적으로 크기도 작은 이 많은 HTTP 요청들이 베이스 오버헤드(base overhead), 지속(duration)이 발생한다.실제 파일 다운로드는 비교적 빨리 진행되지만 웹에서 실행하는 경우

페이스북이 개발한 오픈 소스 쿼리언어이다. API를 위한 쿼리 언어이며 클라이언트 요청에 따라 유연하게 트리 구조의 JSON 데이터를 응답으로 전송할 수 있다. 모든 데이터가 그래프 형태로 연결되어 있다고 전제하며 GraphQL로 그래프를 순회하는 과정은 다음과 같다.

가상의 DOM 객체이며 Real DOM의 가벼운 사본과 같다.Document Object Model, 문서 객체 모델이다. 문서 객체란 브라우저가 JavaScript와 같은 스크립팅 언어가 html, head, body 같은 태그들에 접근하고 조작할 수 있도록 문서를

첫번째 형식을 렌더링 하였고, 계속해서 진행한다.CSS적용을 위해 app.css에 \`\`\`this.element.id = 'user-input';class ProjectInput {titleInputElement: HTMLInputElementdescriptionI

여러 제품이나 코드, 프로그램을 묶어서 패키지로 제공하는 행위를 의미. 즉 프런트엔드 개발자에게 번들이란 '사용자에게 웹 애플리케이션을 제공하기 위한 파일 묶음' 이다.아래 예시의 상황들을 해결하기 위해 번들링이 필요하다.두 개의 .js 파일에서 같은 변수를 사용하고

this.hostElement는 템플릿 내용을 렌더링 하려는 엘리먼트에 대한 참조를 보유하는 것.this.templateElement는 이 내용을 보유하는 템플릿에 대한 접근성을 제공한다.으로 접근할 수 있다.오류가 발생하는데 이를 해결하기 위해 를 클래스에 직접 추가

업로드중..

퍼스트 클래스 데코레이터 데코레이터 팩토리 작업하기 더 유용한 데코레이터 만들기 여러 데코레이터 추가하기 속성 데코레이터에 대해 알아보기 접근자 & 매개변수 데코레이터 데코레이터는 언제 실행하는가 클래스 데코레이터에서 클래스 반환 (및 변경) 기타 데코레이터 반환 타입

제네릭 타입 vs 유니언 타입

KEEP약속 나가는 횟수를 많이 줄인 점강제성을 부여할 수 있는 활동들을 늘려나간 점궁금한 부분들을 스스로 해결하려고 노력한 점PROBLEM늦게 잠든 점순 공부시간의 감소수업 이해의 부족주말 공부를 꾸준히 못했다.TRY주말에는 최소 5시간 이상 학습한다.순 공부시간을

Redux리액트에서 상태는 state라고 하는데, 이를 관리해주는 라이브러리가 상태 관리 라이브러리 입니다.state는 오로지 자식 컴포넌트에게만 전달해줄 수 있는데 컴포넌트가 늘어나게되면 수 많은 컴포넌트 사이에 해당하는 상태를 여러번 전달 해 주어야하는 props

어떤 웹사이트에 들어갔을 때, 서버가 일방적으로 클라이언트에 전달하는 작은 데이터서버가 웹 브라우저에 정보를 저장하고 불러올 수 있는 수단으로 인증에 필요한 기본 지식이다. 쿠키를 이용한다는 것은 서버에서 클라이언트에 쿠키를 전송하는 것, 클라이언트에서 서버로 쿠키를

두 타입을 하나로 결합하는 방법으로 기존 타입을 대체하지 않으면서 새로운 필드를 추가하고 싶을 때 '&'를 사용한다.또한 유니언 타입과 유니언 타입 + 인터섹션 타입을 합친 예시가 있는데 유니언 타입은 a타입 or b타입이다.특정 속성이나 메소드를 사용하기 전에 그것이