Gatsby를 어떻게 적용할 수 있을까? (+ gatsby에 typescript 적용하기)
Gatsby의 JAMstack 기반 사전 렌더링 구조와 React·SEO 측면의 선택 이유를 소개했습니다. Jekyll 기술 블로그 마이그레이션 계획과 Gatsby에 TypeScript를 설정하는 과정을 정리했습니다.
#Gatsby#React#TypeScript
2500
모든 블로그
대표 인기 포스트ICT인턴십 후기59 조회59 조회 프론트엔드 프론트엔드 프론트엔드 프론트엔드 프론트엔드 프론트엔드 프론트엔드
너드팩토리
주요 카테고리 AI · 프론트엔드
활동 요약
- 최근 30일
- 0개
- 평균 조회
- 21
- 누적 조회
- 623
- 전체 글
- 30개
- 마지막 발행
- 2023. 1. 20.
너드팩토리 기술 블로그 글 (7)
Flask를 활용한 iOS Networking 1 - 사진 전송하기
iOS에서 앨범·카메라 사진을 선택하고 URLSession으로 서버에 업로드하는 흐름을 설명했습니다. POST 요청과 세마포어로 응답 처리 순서를 제어하는 방법을 다뤘습니다.
#iOS#URLSession#UIImagePickerController
2100
VODA 디자인 시스템 2
VODA 디자인 시스템의 브랜드·시스템 컬러와 데이터 시각화용 팔레트 구성 기준을 소개했습니다. 재사용 가능한 UI 컴포넌트와 팀 공통 규칙으로 일관성과 협업 효율을 높이는 방법을 설명합니다.
#디자인 시스템#UI/UX#컴포넌트
1200
VODA 디자인 시스템 1
VODA의 일관된 서비스 경험을 위해 디자인 시스템 구축 기준을 정리했습니다. 타이포그래피와 그리드·간격 규칙을 중심으로 설계 방식을 소개합니다.
#디자인 시스템#UI/UX#Typography
1200
react + typescript에 redux-saga 셋팅하기
React와 TypeScript 환경에서 Redux 모듈을 분리하고 typesafe-actions로 타입 안전성을 구성했습니다. Redux-Saga 미들웨어로 API 비동기 처리와 중복 요청 취소 흐름을 구현했습니다.
#React#TypeScript#Redux
1900
ICT 인턴십 수기
React 기반 프로젝트에서 Styled-Components와 Zeplin을 활용한 UI 개발 경험을 정리했습니다. Flux 흐름을 살리는 리팩토링과 GitLab 기반 협업·버전 관리의 중요성을 공유했습니다.
#React#styled-components#Zeplin
2200
Styled-Components를 이용한 React 컴포넌트 스타일링
React에서 Styled-Components로 조건부 스타일링과 스타일 재사용을 구성하는 방법을 소개했습니다. props, 테마, 믹스인, 애니메이션 등 주요 기능과 CSS·Sass의 한계를 함께 설명합니다.
#React#styled-components#CSS-in-JS
2600