React 학습 4주차 — TypeScript 기본 타입부터 제네릭까지
스터디에서 TypeScript 핸드북을 학습하며 정리한 내용입니다. 기본 타입, 인터페이스, 리터럴 타입, 유니언/교차 타입, 제네릭을 다룹니다.
TypeScriptReactFrontend학습
#Frontend
16개의 포스트
Tailwind 커스텀 하기
Tailwind CSS의 커스텀 방법을 정리합니다. @tailwind, @layer, @apply 등 Directive와 Function, config 파일 내 theme/colors/spacing 커스텀 방법을 다...
Tailwind CSSCSSFrontend
Tailwind 기본 사용법
Tailwind CSS의 기본 사용법을 정리합니다. overflow, display, position, margin/padding, width/height, font, border 등 자주 사용하는 CSS 속성의 T...
Tailwind CSSCSSFrontend
Tailwind 왜 쓸까?
Tailwind CSS를 선택한 이유와 Bootstrap과의 차이점, SCSS와의 궁합, 프로젝트 초기 세팅법을 정리합니다.
Tailwind CSSCSSFrontend
React 학습 3주차 — Hooks (useMemo, useReducer, useRef)
Vue.js 개발자 시점에서 React의 주요 Hooks를 학습하며 정리한 내용입니다. useMemo, useReducer, useRef의 개념과 트러블슈팅을 다룹니다.
ReactFrontend학습
React 학습 2주차 — State 관리하기
Vue.js 개발자 시점에서 React의 State 관리를 학습하며 정리한 내용입니다. 선언형 UI, State 구조, Reducer까지 다룹니다.
ReactFrontend학습
React 학습 1주차 — 설치부터 상호작용성까지
Vue.js 개발자 시점에서 React 공식 문서를 학습하며 정리한 내용입니다. 설치, UI 표현, 상호작용성 챕터를 다룹니다.
ReactFrontend학습
Vue2에 Vite.js 적용하기
Vue2 프로젝트에 Webpack 대신 Vite.js를 번들러로 전환하는 과정에서 겪은 이슈와 해결 방법을 정리합니다.
Vue.jsViteFrontend
vite.config.js 마이그레이션 정리
Vue CLI에서 Vite로 전환하면서 vite.config.js 설정 시 확인된 변경사항과 주의점을 정리합니다.
Vue.jsViteFrontend
자바스크립트로 서버와 클라이언트 구축하기 — Part 2. Nuxt.js
Nuxt.js 프로젝트 구조, Pages, 설정 파일, 라우트, 컴포넌트, Vuex까지 핵심 개념을 정리합니다.
Nuxt.jsVue.jsJavaScriptFrontend학습
자바스크립트로 서버와 클라이언트 구축하기 — Part 1. Vue.js
Vue.js 인스턴스 생성부터 템플릿 문법, 라이프 사이클까지 핵심 개념을 정리합니다.
Vue.jsJavaScriptFrontend학습
자바스크립트로 서버와 클라이언트 구축하기 — Part 0. 필수 문법
변수, 데이터 타입, 비구조화 할당, 클래스, 모듈 패턴 등 자바스크립트 핵심 문법을 정리합니다.
JavaScriptFrontend학습
파일 첨부 작업할 땐 accept를 신뢰하지 말것
HTML input의 accept 속성만으로는 파일 타입을 제한할 수 없습니다. 파일 선택 대화에서 '모든 파일'로 변경하면 제약이 우회되기 때문입니다.
Vue.jsFrontend
Bootstrap-vue 컴포넌트, 왜 또 만들어야 하죠?
Bootstrap-vue가 이미 기능을 제공하고 있는데 왜 컴포넌트를 만들어야 하는지, 실제 프로젝트에서의 경험과 피드백을 통한 컴포넌트 개선 과정을 공유합니다.
Vue.jsBootstrapFrontendComponent
IE11을 지원하는 Vuejs 환경에서의 Swiper 적용기
IE11을 지원해야 하는 Vue.js 2.x 환경에서 SwiperJS를 적용하는 방법과, 실무에서 활용할 수 있는 Swiper 사례를 공유합니다.
Vue.jsSwiperFrontendIE11
Flex와 Grid에 대한 정리
CSS Flexbox 레이아웃을 실무에서 사용하면서 겪었던 IE 이슈와 공통 유의사항을 정리합니다.
CSSFlexboxFrontendIE11