1인 웹개발 프로젝트 : 리팩토링

Single Page Application 내가 처음 SPA라는 것을 알게된게 작년 9월 쯤이었던 것 같다. 당시에는 자바스크립트에 대해 정말 무지해서 React, Vue 같은 프레임워크들이 어렵게 느껴져 익히는 걸 미뤘었다. 그 핑계는 내 프로젝트엔 SSR이 매우 중요하다는 것이었다. …

2020년 10월 28일 · 10 min read

React Native Flexbox와 친해지기

React Native에선 Flexbox라는 형식으로 레이아웃 개발을 진행한다. 최신 웹 브라우저에서도 이 레이아웃이 작동하여 CSS 최신 방법론으로 알려져 있다. Flexbox는 다양한 화면 크기에서 일관된 레이아웃을 적용할 수 있다. 아래 내용은 대부분 공식문서인 "Layout with Flexbox #"을 …

2020년 05월 07일 · 8 min read

React Native 개발환경 구축

들어가며 난 무언가를 시작하기전에 이게 왜 필요한지 어디에 활용되는지 반드시 파악하고 진행하는 편이다. 몇몇 자료를 찾아봤지만 아래의 글에서 무엇인가 깊고 진한 전문가의 향기가 났다. 여하지간 아래 글을 참고하여 RN의 특성을 파악하였다. [RN] React-Native의 장단점은? Expo …

2020년 05월 07일 · 3 min read

Electron 시작하기 (With React)

일렉트론은 Web Stack을 이용하여 데스크톱 어플리케이션을 개발할 수 있는 도구이다. GitHub에서 Atom을 제작하기 위해서 만들었으며 일렉트론을 사용하여 만들어진 어플리케이션은 Slack, VS Code, Discord가 있다. 기본적으로 크로미움을 내장하고 있는 것으로 보인다. 프레임워크 구성 main.js 메인 프로세스 …

2020년 04월 24일 · 17 min read

오늘 알게된 내용 (React Router)

React-Router-Dom 기존 포트폴리오 페이지#가 단일 페이지로 생성되었는데 내가 만들었던 작업물을 좀 더 다양하게 보여주고 기존 블로그에 있었던 팔레트 페이지도 이쪽으로 옮겨오려 하였음. 여하간 페이지 분리가 필요하게 되었음 개요 SPA는 원래 단일 페이지의 어플리케이션을 의미하지만 실직적으로 …

2020년 04월 22일 · 5 min read

React로 Hello World 출력

Hello, React React로 Hello World를 출력해보자. 기본적인 설치 방법과 사용 방법을 기록하기 위해서 작성한다. How to install npm install -g create-react-app How to make application create-react-app hello-world 위 명령어를 이용하여 애플리케이션을 생성할 수

2020년 01월 05일 · 2 min read