Tailwind css 1. React 프로젝트 생성 2. 필요한 패키지 설치 3. 설정 postcss.config.js tailwind.config.js CSS 파일에 추가하기 ./src/index.css 아래 코드 삽입 SCSS eslint 1. Rea

아토믹 디자인 패턴

참고 참고글 원문 패턴을 사용하는 이유 모든 리엑트 개발자들이 고민하는 내용 다양한 사용 사례에 맞게 재사용가능한 컴포넌트를 각각 다른 use case에 맞도록 만들수 있는가? 어떻게 하면 컴포넌트를 간단한 API로 쓰기 쉽게 만들 수 있을까? 어떻게 하면 UI와 기

CSS 방법론 특징 정리

리엑트 코딩 컨벤션 정리

DOM 과 VDOM 개념 정리

리엑트 개발 용어등 간단한 개념 정리

Execution Context 정리

react hooks 에 대한 개념 정리

Vue를 위주로 쓰던 FE 오랜만에 리엑트를 다시 쓰면서 옛날 기억을 꺼내보자... 간단한 개념은 패스 가물가물한거 위주로..! 리엑트 프로젝트 만들기 create

고차함수(HOF:Higher Order Function)는 함수를 매개변수로 사용하거나 함수를 반환하는 함수다. 쉽게 함수가 함수를 인자로 받아 사용하거나 결과 값을 함수로 반환하는 함수를 고차 함수라고 한다.

Javascript iterator generator iterable

키기반의 컬렉션 Map과 Set은 입력된 키값을 기준으로 정렬되는 데이터의 집합(자료 구조)이다. 입력된 순서대로 반복적으로 접근 가능한 요소를 포함하고 있다.

많은 타입스크립트 문법중 자주 쓰일 것 같은 문법만 정리함.

자바스크립트 기본 개념 정리 scope / 지역 변수 / 전역 변수

2022년 2월 현재 vuetify3 는 알파버전임!https://github.com/dawoonKim6487/vuetify_shopping_mallvue3 cli 프로젝트 생성후 vuetify 설치Preview 버전 선택작성중....!

타입스크립트 + 모듈

vuex단일 상태 트리를 사용하기 때문에 애플리케이션의 모든 상태가 하나의 큰 개체 안에 포함된다. 하지만 프로그램의 규모가 커질수록 저장소 역시 커질 수 있다.Vuex는 스토어를 모듈로 나눌 수 있다. 각 모듈마다 State,getters,mutations,actio

vuex state, getters, mutations, actions

TailWind CSS는 유틸리티 를 우선으로 하는 CSS 프레임워크 마크업에서 직접 모든 디자인을 빌드하도록 구성할 수 있다.