프론트엔드 개발자 공부 2

리액트 훅 React hooks와 스토리북 Storybook

리액트 훅 React hooks와 스토리북 Storybook 안녕하세요. 오늘은 리액트로 개발할 때 디자인을 좀 더 디테일하게 나누고 관리할 수 있는 storybook에 관해서 알아보겠습니다. 스토리북이란? 사용방법 마치며 1. 스토리북이란? 리액트로 개발할때 디자인 관리를 어떻게 하시나요? npm start 혹은 yarn start를 이용하여 프로젝트를 실행하신 뒤 디자인하시나요? 그렇다면 이제는 스토리북을 이용해보실 차례인 것 같습니다. 스토리북은 기본적으로 디자인을 관리해주는 오픈소스입니다. 이해하기 조금 애매한가요? 즉 yarn start처럼 리액트를 실행시킨 뒤 즉석으로 디자인을 바꾸고 변화시키는 개념이 아닌, 개별 환경을 통해서 컴포넌트들을 문서화하는 개념에 가깝다고 할 수 있습니다. 또한 이..

프론트엔드란? 프론트엔드 공부방법.

프론트엔드란? 프론트엔드 공부방법. 오늘은 프론트엔드는 과연 무엇인지, 또한 어떠한 프로그래밍 언어를 사용하는지, 어떠한 방법으로 공부를 시작하는 것이 좋은지 알아보겠습니다. 이는 굉장히 주관적일 수 있으며, 결코 정답은 아닙니다. 그럼 오늘도 전혀 비전문적이고, 알기 쉽게 알아보겠습니다. 목차. 프론트엔드 개발자란 무엇인가? 프론트엔드의 장점은 무엇인가? 프론트엔드에 필요한 것들은 무엇인가? 마치며. 1. 프론트엔드 개발자란 무엇인가? 프론트엔드 개발자란 쉽게 말해, 유저를 위한 홈페이지의 디자인을 구현시키고, 유저에게 필요한 상호작용 기능을 개발 및 적용시키는 개발자입니다. 예를 들면 홈페이지의 디자인을 디자이너에게 받은 뒤, 실제 유저가 보고 사용 할 수 있도록 디자인에 맞춰 홈페이지를 구현하게 됩..