Front-End (12) 썸네일형 리스트형 언제까지 React 쓸래?? 이제는 Next 사용해야지 혹시 웹 프론트엔드 분야를 하고 있는 개발자님들에게 궁금한 점이 있습니다. 혹시 프로젝트를 하실 때 리액트를 쓰시나요?? 아니면 Next를 사용하시나요?? 저는 Next가 아닌 React로만 프로젝트를 한번 해봤습니다. 그 이후 모든 프로젝트에서는 NextJs를 사용하면서 프로젝트 개발을 하고 있습니다. 근데 최근 들어서 제가 왜 React가 아닌 NextJs를 사용하는지에 대해서 잘 모르는 것 같아서 .. 이번 블로그를 통해서 요즘 트렌드가 React가 아닌 Next를 더 개발자들이 선호를 하는지 또 어떠한 장점이 있는지에 대해서 알아볼까 합니다. Next.js Next.js .. 한 번씩은 들어봤을 것 같은 개념이다. 맞다. NextJs는 React 라이브러리의 프레임워크이다. ➡️ 이건 또 뭔 소리.. Storybook 쓰고 싶어요!! 여러분들은 혹시 Storybook 이라는 개념에 대해서 알고 있으신가요?? 개발을 하면서 한 번은 들었을 것 같은데 저는 벌써 프로젝트를 하면서 3번 이상 사용하고 있습니다. 근데 왜 정확하게 사용을 하고 사용을 하는 이유에 대해서 아직 잘 모르고 쓰는 것 같아 왜 Storybook이 나오고 최근 트렌드에 도입을 하고 있는지 알아볼까 합니다. Storybook 도대체 뭔가!! 스토리북은 UI 컴포넌트의 동작을 독립적인 환경에서 테스트를 할 수 있도록 도와주는 도구이다! 또 추가된 컴포넌트는 서비스와 독립된 환경에서 렌더링을 하기에 재사용성이 있어야 한다. 이 스토리북을 사용을 하면 개발자 컴포넌트를 관리하고 어떻게 사용되며 동작을 하는지에 있어서 파악하기에 쉽다. 디자이너와 소통을 하기 더 쉽다고?? ➡.. JS 동작 원리 내가 개발을 하면서 자바스크립트와 타입스크립트를 주구장창 사용을 하면서 어떻게 동작을 하는지도 모르고 사용을 하는 것 같아서 이번 계기에 내가 사용하는 언어가 어떻게 동작을 하고 어떤 원리를 가지고 있는지 알아보려고 한다. 그러면 제일 먼저 자바스크립트의 동작 구조부터 알아봐야겠지 않는가. 먼저 자바스크립트를 실행하기 위해서는 자바스크립트의 엔진이 반! 드! 시! 필요한데 자바스크립트의 엔진은 엄청 많지만 그 중에서 대표적인 Google에서 만든 V8 엔진이다. 자바스크립트의 엔진에는 크게 Memory Heap, Call Stack 이 존재합니다. (사파리도 있다!! JavaScriptCore) Memory Heap 그게 뭔데? 간단하게 설명하자면, Memory Heap이란 데이터를 임시적으로 저장하는 .. React Native 써야할까? 요즘에는 앱 개발을 React Native를 통해서 하는 개발자들도 많이 나타나고 있는데 이러한 React Native는 어떻게 사용하고 어떤 장점과 단점을 가지고 있으며 앞으로의 전망에 대해서 궁금해서 이 블로그를 작성을 한다. React Native란 무엇일까? JavaScript와 React를 기반으로 하는 크로스 플랫폼 모바일 애플리케이션 개발을 위한 프레임워크이다. IOS와 AOS에서 동작하는 네이티브 모바일 앱을 만들 수 있다. React Native는 사용자 인터페이스를 만드는 facebook 라이브러리 리액트를 기반이지만 모바일을 중점으로 두고 있다. 즉 웹 개발자가 쉽게 접할 수 있는 장점을 가지고 있다는 것이다. React Native의 관심도 변화는 계속 줄어든다 .. React Na.. 이전 1 2 다음
