1. 소개 내가 어렸을 적 부터 부모님은 항상 내가 재미있게 할 수 있는 일을 찾으라는 얘기를 들으며 자랐다. 초등학교를 가기도 전부터 지금까지도 계속 해주시는 말씀이다. 워낙 어려서부터 그 이야기를 들으며 자랐기 때문일까 어느 순간부터 그 한마디, "하고 싶은 일을

HTMLJavaScriptTypeScriptReactStyled-ComponentReact-ResponsiveGitLab : Git rebase 사용Slack : 비대면 소통Asana : 일정관리 및 작업 현황 공유Notion : 팀 내 개발 자료, 규칙, 안건등 기록

Front: 최용석, 임대호, 김찬영, 강경오 Back: 최선우, 문승희HTMLES6JavaScriptReact(CRA)SassReduxstyled-component GitHub : Git rebase 사용하여 flow 진행Slack : 비대면 소통Trello : 일

= static module bundler for Javascript.= 웹팩은 자바스크립트를 위한 모듈 번들러로 하나의 어플리케이션을 처리할 때 웹팩 내부적으로 dependency graph를 만들고 이것을 통해 어플리케이션, 혹은 프로젝트에 필요한 모듈들을 하나 혹

= Promise 객체는 비동기 작업이 맞이할 미래의 완료 또는 실패와 그 결과 값을 나타냅니다.(MDN 정의)= The Promise object represents the eventual completion (or failure) of an asynchronous

= 특정 코드의 실행이 끝날 때까지 기다리지 않고 다음 코드를 실행하는 자바스크립트 엔진의 특성.= 자바스크립트 코드는 보통 동기적으로(위에서부터 순차적으로) 실행된다.= 주로 서버에서 데이터를 받아올 때 많이 사용되는데 서버에서 언제 응답을 받을 수 있을지 모르기 때

homebrew로 powerlevel10k 설치=> 다른 설치 경로도 많음.(https://github.com/romkatv/powerlevel10k 참고)vi ~/.zshr내에서 ZSH_THEME 수정ZSH_THEME="powerlevel10k/powerle

클로저 = 독립적인 변수를 가리키는 함수. 클로저 내에서 정의된 함수는 '정의됐을 때'의 환경을 기억한다. (MDN)예시= 외부함수 outer에서 정의된 변수 a는 outer의 실행이 끝나도 메모리에서 삭제되지 않는데 이것은 outer가 inner 함수를 리턴하고

타입스크립트에서 커스텀훅을 이용해 axios로 데이터 받아오기 사용 코드 후기 > 커스텀훅을 이용해 데이터를 받아오면 url만 바꿔 훅의 인자로 넘겨주면 여러 주소에서 다른 데이터를 받아올 수 있기 때문에 데이터를 받아오는 함수를 여러번 작성해야 하는 상황에서 활

aaaa

스코프란 변수가 인식되는 범위 혹은 유효성을 가지는 범위.콜스택에 쌓이는 순서대로 위쪽에 쌓인 함수들은 아래쪽의 변수들(Lexical Environment)을 참조할 수 있지만 아래쪽에 쌓인 것들은 위쪽의 변수들을 참조할 수 없다.예시 위와 같은 함수가 있다면 콜스택에

실행 컨텍스트란 어떤 코드를 실행하기 위해 필요한 환경의 정보들을 모아놓은 객체이다.실행 컨텍스트는 코드가 실행될 때 (콜 스택에 저장될 때)VariableEvironment, LexicalEnvironment, ThisBinding에 대한 정보들을 모아놓는다.Var

원시 데이터stringnumberbooleansymbolBigInt==> 선언하고 바로 가져다 쓸 수 있는 데이터들인듯참조형 데이터ArrayObjectDate==> 데이터 안에 데이터를 가지고 있는 데이터들인듯원시 데이터위와 같이 정의했을 때 자바스크립트는 식별자 혹은

타입 추론 (inference): 타입이 명시적으로 선언되지 않은 경우, 타입스크립트가 추론하여 제공한다.타입 단언 (Assertions): 타입을 단언하여 타입 추론을 못하게 함.cf) x!.toFixed(2) -> x가 null이나 undefined가 아닐때 to

기존 자바스크립트에서 썼던 타입들 다 들어감 (string, number, array, ...)Array 선언은 조금 다르다자바스크립트에 없었던 타입any: 값의 타입이 정확하지 않을때 어떤 값이던 넣을 수 있음readonly 타입 속성(?)tuple: 정해진 타입과

Effect Hooks 함수형 컴포넌트에서 여러가지 side effects 들을 수행하기 위해 effect hook을 사용한다. side effects= 함수의 로컬 상태를 함수 외부에서 변경하는 기능 sdie effect의 대표적인 예시로 비동기 처리가 있

styled-component styled-component => 현재 가장 인기 있는 css-in-js 라이브러리로 많은 장점과 특징을 가지고 있다. 특징 automatic critical css no class name bugs easier deletion of

Hooks = 함수 설명 클래스형 컴포넌트에서는 this를 사용하는 경우가 많은데 여러 문제를 발생 시킨다. -> 예시 링크 Class는 사람과 기계를 혼동시킨다. 클래스에서 발생하는 여러 문제들을 해결하기 위해 hooks가 개발되었다. 기존 클래스로 작성된 코드들과

라인 프렌즈 스토어 클론 프로젝트프론트엔드: 안미현(pm), 이은진, 강경오백엔드: 문승희, 오승현프론트엔드 구현 내용: 로그인(안미현), 회원가입(안미현), 메인페이지(이은진), 상품리스트페이지(안미현), 상세페이지(강경오), 장바구니(이은진), header(이은진)

쇼핑몰 같은 사이트를 들어가보면 상품이 많아 한페이지에 보여주기 어려울 때 밑에 숫자를 클릭해서 상품 리스트의 다음 페이지로 넘어가 본 경험이 누구나 있을 것이다. 평소에는 아무 생각 없이 숫자를 누르고 넘어갔지만 만드는 입장에서는 이것도 공부를 해야한다.위와 같이 한