Babel? Babel is a toolchain that is mainly used to convert ECMAScript 2015+ code into a backwards compatible version of JavaScript in current and older browsers or environments.- Ref: babeljs Babel은 B...
O612는 2021년부터 NPM을 버리고 Yarn Berry를 쓰고 있습니다. 2021년 10월 이전까지는 Intel Mac을 썼는데 NPM의 패키지 설치 속도가 매우 느려서 이 문제를 어떻게 해결할까 고민을 하던 찰나, Yarn Berry 존재를 알게 됐어요. 설치 속도가 체감이 될 정도로 차이가 나더군요. 그 이유는... Recursion Module ...
'알쓸없코' 시리즈는 코딩과 관련된 단편 포스팅을 묶어서 내보내는 시리즈입니다. function(함수)형 문법과, 지금은 퍼포먼스 문제로 사용율이 많이 줄어든 class(클래스)형 문법을 비교합니다. Vue.js Class Function React Class function Svelte는 기본적으로 function형 문법을 쓰기 때문에 따로 언급은 하지 ...
Nuxt, Next.js, SvelteKit에서 TypeScript 사용하는 방법을 설명합니다. Nuxt 주의: npm init nuxt-app 뒤에 프로젝트명을 입력하면 프로젝트명으로 디렉토리가 생성되고 그 안에 프로젝트가 생성되지만 프로젝트명을 생략하면 현재 위치에 프로젝트가 생성됩니다. TypeScript를 사용하기 위해서는 Programming La...
Summary 설계 및 개발자: 마이크로소프트 Microsoft 발표일: 2012년 영향받은 언어: C#, Java, JavaScript 확장자: .tsx (React), .ts 라이선스: 아파치 라이선스 2.0 적용 가능한 프레임워크: Ruby on Rails, Vue.js, Angular, React/React Native, Svelte 등 Descri...
프로젝트 생성 및 실행 Create and start CSR 방식으로 동작하는 Angular, Vue.js, React은 여기에 언급한 Angular Universal, Nuxt. Next.js를 사용하면 SSR 방식으로 사용할 수 있습니다. 참고로 Svelte는 애초에 SSR 방식으로 동작합니다. 매뉴얼(Manual) 설치 방법은 생략합니다. Yarn과 ...
Hello world Vue.js Angular React 참고: class형은 React Hook을 지원하기 시작한 16.8.0 버전부터는 사용하지 않는것을 추천합니다. 여기서는 function형을 기준으로 설명합니다. Svelte 결과값 Reactivity Vue.js Angular React Svelte 결과값 버튼 한번 누르면 time이 times로...
스타일링을 하는 다양한 방법을 소개합니다. 인라인 방식으로 스타일링하는 방법은 지난 편을 참조하세요! Vue.js, Angular는 제외하고 React와 Svelte 두개의 프레임워크만 비교합니다. Vanilla HTML (Pure HTML) Vanilla CSS를 이용하는 방법(.css)과 SASS같은 전처리기를 이용하는 방법이 있습니다. CSS SASS...
이번 편에서는 스타일링 비교를 해보도록 하겠습니다! HTML Angular Angular는 HTML 방식과 Angular Component 방식 2가지로 쓸 수 있습니다. HTML 방식은 HTML의 코드를 참조하세요. Vue.js Vue.js에서는 v-bind:style라는 binding을 사용합니다. 위 코드는 다음과 같이 JavaScript Object...
기본 코드 (w/ head tag) HTML Angular.js (1.x.x) Angular (2.x.x higher) Angular는 예제는 하단 component 예제를 참조하세요. Vue.js (w/ Nuxt.js) Vue.js의 확장자는 .vue 입니다. React (w/ Next.js) React의 확장자는 .jsx 입니다. (JavaScript ...
본 설치 과정 및 시작 과정은 macOS 기준입니다. 공통 설치과정 Node.js 설치는 필수입니다. URL: https://nodejs.org/en/ 글 작성 날짜 기준으로 LTS 버전은 16.13.1 입니다. 버전을 맞출 필요 없으니 가장 최신의 LTS 버전으로 설치해 주세요. 다만 취미 또는 테스트 용도로 사용할 생각이라면 Current 버전 설치도 ...
React 단점 가상(Virtual) DOM이기 때문에 SEO(Search Engine Optimization)에 취약.이를 해결하기 위해서 SSR 방식으로 렌더링되는 Next.js가 탄생.(다만, React 18에서 Suspense를 사용해 SSR 렌더링 사용 가능. 이를 이용해 HTML Streaming 지원)IE를 지원하지 않아서 IE를 위한 poly...
(O씨, 지구, 06월 12일생) 세상에서 글 쓰는 게 제일 어려웠어요...
자유로운 창작이 가능한 기본 포스트
소장본, 굿즈 등 실물 상품을 판매하는 스토어
정기 후원을 시작하시겠습니까?
설정한 기간의 데이터를 파일로 다운로드합니다. 보고서 파일 생성에는 최대 3분이 소요됩니다.
포인트 자동 충전을 해지합니다. 해지하지 않고도 ‘자동 충전 설정 변경하기' 버튼을 눌러 포인트 자동 충전 설정을 변경할 수 있어요. 설정을 변경하고 편리한 자동 충전을 계속 이용해보세요.
중복으로 선택할 수 있어요.