독일개발자초록이

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

자바스크립트 동기? 비동기? 초보 개발자 공부 오늘은 자바스크립트의 동기, 비동기 함수에 관해서 이야기해보려 합니다. 우리는 개발을 진행함에 따라 이러한 말들을 많이 들어볼 텐데요. 오늘도 아주 쉽게 알아보도록 하겠습니다. 자바스크립트 작동원리. 동기 함수란? 비동기 함수이란? 마무리. 1. 자바스크립트 동작원리. 우리는 동기, 비동기 함수들을 알아보기 전 자바스크립트가 어떻게 작동을 하는지 잠시 들여다볼 필요가 있습니다. 우리가 사용하는 언어는 대부분 2가지의 형태를 띠고 있습니다. 컴파일러 언어 혹은 인터프리터 언어가 그것입니다. (자바 혹은 C#과 같이 JIT 컴파일러를 사용하는 언어도 있습니다.) 컴파일러와 인터프리터에 관해 좀 더 자세히 알고 싶으시다면, 아래의 링크를 확인해주세요. https:..

Progressive Web App이란? PWA란? 브라우저의 성능이 좋아짐에 따라 여러 웹 기술들 또한 발전이 되어가고 있습니다. 예전에는 항상 정적이었던 웹이 동적으로 상호작용 하기 하고 항상 HTML 파일을 페이지에 맞게 만들어주던 때에서 이제는 라이브러리 혹은 프레임 워크를 통행 SAP로 개발도 가능합니다. 이번 PWA 또한 이러한 기술에 발전에 따라 생겨난 것이라 할 수 있습니다. 그럼 오늘도 전혀 비 전문적이고 간단하게 알아보겠습니다. 목차. 브라우저, 웹과 앱. PWA란? Lighthouse. 마치며. 1. 브라우저, 웹과 앱. 일반 폴더 휴대폰에서 막 피쳐폰이라는 개념이 불어올 때, 그 당시 저는 고등학생이었습니다. 당시 제가 가지고 있었던 휴대폰은 김연아 선수가 광고했던 연아의 햅틱이었습..