제일 큰 것 React Native는 웹을 만들기 위한 라이브러리가 아니고 앱을 만들기 위한 라이브러리 즉, html을 사용하지 않음. 따라서 jsx, tsx 부분에는 html태그가 아니라 ReactNative 컴포넌트가 들어가야 함. 컴포넌트 View jsx에서 div와 같은 역할을 하는 컴포넌트 블럭과...

React Native를 사용하는 이유 React Native의 장점 React의 지식을 가지고 웹이 아닌 앱을 만들 수 있다. 안드로이드, IOS앱을 한 번에 만들 수 있다. 네이티브앱 지식이 없어도 만들 수 있다. CodePush를 이용해서 심사없이 간단한 업데이트가 가능하다 JS 코드, assets 요소를 ...

Vite를 사용하는 이유 번들링하는 속도를 빠르게 해서 빠르게 표시 템플릿 vanilla, vue, react, preact, lit, svelte와 TypeScript 템플릿도 제공 사용 방법 터미널에 아래와 같이 입력 $ npm create vite@latest $ yarn create vite $ pnpm crea...

구문 오류 (Syntax Error) 문법에 어긋나는 문장 때문에 발생하는 오류 논리 오류 (Logical Error) 프로그램이 돌아가기는 하는데 엉터리로 동작하는 경우 컴파일, 실행은 정상적 작동 하지만 계획한 대로 작동하지 않음 실행 오류 (Run-time Error) 프로그램이 종료될 정도로 치명적인 오류 ...

케이스 스네이크 케이스 : main_menu 케밥 케이스 : main-menu 카멜 케이스: mainMenu 카멜 케이스에서 대소문자를 잘못 써서 Git에 올린 후 수정할 때 git은 파일의 대소문자를 무시하여 대소문자 변경을 인식하지 못함 따라서 파일명이 컴포넌트인데 mainMenu에서 MainMenu로 변경해서 push...

Vim - Visual Mode 비주얼 모드 진입하기 v를 누르면 일반 비주얼 모드로 진입 텍스트 선택 가능 수정할 때는 r 삽입할 때는 i 복사할 때는 y 잘라내기는 d Visual Line 줄 선택을 할 때 사용 V로 진입 Visual Block Ctrl + c Or Ctrl + q로 진입 여러 줄을 선...

템플릿 리터럴 (Template Literal) 백틱(``)을 사용하는 문자열 \n 같은 이스케이프 시퀀스(escape sequence)를 사용하지 않아도 줄바꿈을 할 수 있음 const strEx = `Hello My Name Is Da`; Reference 이웅모, 모던 자바스크립트 Deep Dive 자바스크립트의 기본 개...

이분 탐색이란? 순차 탐색처럼 처음부터 끝까지 하나씩 모든 데이터를 체크하여 값을 찾지 않고 탐색 범위를 절반씩 줄여가며 찾는 탐색 방법 예를 들면 1~1000까지 숫자가 있다고 할 때, 1~500, 501~1000으로 나눠서 검색 따라서 조금 더 빠르게 검색할 수 있음 Reference https://s...

들어가기 이전에 프로젝트를 진행하면서 React Router가 6버전으로 올라가면서 많은 부분에서 변경이 있었다는 이야기를 들었다. 이번에 개인 프로젝트를 새로 진행하면서 6버전으로 프로젝트를 진행했는데 생각보다 많이 달라서 사용하면서 정리했던 부분을 TIL에 남긴다. 바뀐 부분 Switch대신 Routes를 사용 Route를 ...

REST API REpresentational State Transfer 자원을 이름(자원의 표현)으로 구분하여 해당 자원의 상태(정보)를 주고 받는 모든 것을 의미 URI(Uniform Resource Identifier)을통해 자원을 명시하고 HTTP Method(POST, GET, PUT, DELETE)를 통해 자원에 대한 CRUD...