반응형 개발/그 외13 react와 next.js를 비교하며 라이브러리와 프레임워크 차이 알아보기 React.js와 Next.js를 비교하자. 라이브러리 : React.js Create-react-app으로 만든 리액트의 경우 항상 index.js에서 아래와 같이 ReactDOM.render()를 통해 태그에 JS파일들을 렌더링시킨다. ReactDOM.render( , document.getElementById("root") ); 그리고 페이지를 동적 변환 시키기 위해 react-router-dom이라는 또다른 라이브러리를 설치해야한다. 즉 사람이 라이브러리를 사용한다. 프레임워크 : Next.js pages폴더안에 js파일만 생성하면 그 자체로 동적변환이 되고, import react를 하지 않아도 .js파일을 사용할 수 있다. 이는 Next.js 내부 코드 아주 깊은 곳에서 router, Reac.. 2022. 1. 25. WebPack 기본 정리 체계적인 설명보다는 제가 이해한 것들을 두서없이 적어놓았습니다. 기존 문제점 JS파일이 많아졌을때 각 파일들의 변수들이 서로의 스코프를 침범하지 않도록, 그리고 각 파일들의 실행순서를 올바르게 하기 위해 개발자들이 의존성을 일일이 파악해야는 불편함이 있었다. 만약 JS파일이 1억개라하면 개발자들이 모든 JS파일들의 의존성을 분석하는 것은 어렵다. 웹팩은 최상단 자바스크립트 파일에서 시작해 연결된 파일들을 타고 내려가며 의존성 그래프를 만들어낸다. 무엇이 무엇에 의존성을 가지고 있고 무엇이 무엇보다 먼저 포함되어야 하는지, 무엇을 분리해야하는지 분석하면서 자바스크립트 파일들을 조합해 하나 또는 여러 개의 번들(bundle)을 만든다. 개발자는 파일들의 의존성을 파악할 필요 없이 웹팩이 만든 번들파일을 삽입.. 2022. 1. 3. 컨테이너와 가상머신(VM) 아래 홈페이지는 VM과 컨테이너를 잘 모르는 사람들이 읽기에 좋은 글이다. https://www.itworld.co.kr/t/62077/VDI/103469 ITWorld 용어풀이 | 컨테이너(container) 최근 클라우드와 가상화 부문에서 가장 주목받는 기술을 꼽으라면 단연 '도커(Docker) 컨테이너'입니다. 귀여운 고래 아이콘으로 유명하죠. 2013년 오픈소스로 공개된 후 불과 3년여 만에 서버 운영 www.itworld.co.kr 컨테이너기술과 가상머신(이하 VM)은 둘 다 프로세스, 네트워크, 파일 시스템을 격리할 수 있다는 장점이 있다. 하지만 작동원리는 많이 다르다. 왼쪽의 VM은 구성요소에 OS가 존재하고 오른쪽 컨테이너는 OS를 포함하고 있지 않다. (2층 기본 OS는 기존 호스트 O.. 2021. 11. 2. 문자열 유니코드 유니코드는 전 세계의 모든 문자를 컴퓨터에서 동일하게 사용하도록 설계된 산업 표준이다. ISO 10646 문자 집합, 문자 인코딩, 문자 정보 데이터베이스, 문자를 다루기 위한 알고리즘 등을 포함한다. 인코딩(부호화) 어떤 문자나 기호를 컴퓨터가 이용할 수 있는 신호로 만드는 것. 인코딩(반대는 디코딩)의 기준을 문자셋(charset)이라고 하는데, 문자셋의 국제 표준이 유니코드이다. ASCII 영문 알파벳을 사용하는 대표적 문자 인코딩으로 7 비트로 모든 영어 알파벳을 포현할 수 있다. 52개의 영문 알파벳 대소문자와, 10개의 숫자, 32개의 특수 문자, 그리고 하나의 공백 문자를 포함한다. 유니코드는 ASCII를 확장한 형태이다. UTF-8과 UTF-16 UTF-8과 UTF-16은 인코딩방.. 2021. 10. 25. 이전 1 2 3 4 다음 반응형
