Vue - Options API, Composition API

VueVue는 웹 사용자 인터페이스를 만들기 위한 쉽고 강력하며 다재다능한 프레임워크이고, 잘 알려진 장점으로는 접근성 & 낮은 러닝커브라는 점이고, 준수한 퍼포먼스를 보여주기에 많이 사용된다. 프레임워크를 제공 (라이브러리의 집합체) 통제권이 프레임워크 자체에 있어 자유도는 낮을지 몰라도 협업에 약속된 기능을 사용하기에 코드가 명시적임SPA 구조 : 하나의 페이지로 이루어져있어 유저가 원하는 정보만을 보여주는 방식SFC 구조 : 하나의 컴포넌트 내에서 html, css, js가 모두 관리가 된다. 다른 특징들도 많지만 이에대한 정보는 아래글을 참고하자.2025.06.24 - [코딩/Vue] - Vue와 React의 차이 Vue와 React의 차이개요자 000씨, Vue와 React의 공통점, 차이점을 ..

개요자 000씨, Vue와 React의 공통점, 차이점을 이야기해보세요. 누군가는 쉽게 답할 수 있을지 모르겠지만, 얼마전 내게 이런 질문이 들어왔을 때 쉽사리 대답을 못했다. Vue나 React의 특징을 말하자면 말하겠는데 이 특징들이 각 기술에 한정되는 특징인지도 모르겠고, 특히나 Vue는 7주라는 짧은 기간동안 학습과 개발을 동시에 진행하다보니, 자세히 모른다고 느꼈다. 공식문서, 블로그에서 이야기하는 차이점을 이해하고 지식이 부족한 Vue에 대해서도 좀 더 배워보려고 한다. 프레임워크, 라이브러리프레임워크와 라이브러리를 어떤 기준으로 분류하냐에 따라 답은 달라지겠지만,Vue의 경우 프레임워크, React는 라이브러리로 구분할 수 있다. 난 이제껏 다양한 기능을 제공하는건 프레임워크 특정 기능을 모..

1. 학습 목표JS에서의 스코프의 개념을 이해하고, 여러 스코프 종류간의 차이를 알아보자. 스코프는 렉시컬 환경, 실행 컨텍스트, 클로저와 같은 JS 주요 개념들을 이해하는데 큰 도움이 된다. 2. 핵심 개념 요약 스코프(scope) 스코프란 식별자(변수, 함수, 클래스 이름 등)가 유효한 범위를 의미합니다. 즉, 변수는 자신이 선언된 위치에 따라 다른 코드가 자신을 참조할 수 있는 범위가 결정된다. 렉시컬 스코프위에서 언급한 것처럼 코드를 작성한 위치에 따라 스코프가 정해지는 규칙을 의미한다. JS는 렉시컬 스코프 기반이며, 함수,변수가 어디서 정의 되었는지에 따라 상위 스코프가 결정된다. 스코프와 관련된 개념 중 렉시컬 환경과 실행 컨텍스트에 관해선 다음 글에서 다루겠다. 아무튼, 스코프를 잘 활용하..

1. 학습 목표 enum과 as const의 개념을 이해하고 둘의 차이를 알아본다. 그 후, 각 요소들이 어울리는 상황에 대해 알아본다. 2. 핵심 개념 요약 enum, as const 모두 Typescript에서 상수를 다룰 때 사용하는 기능으로 비슷하지만 동작원리와 사용되는 곳이 다르다. enum enum은 아래와 같이 열거형 상수를 정의하는 TS 전용 문법이다. 숫자, 문자열의 값을 가지며 런타임에도 존재한다는 특징이 있다. 또한 역참조가 가능하다는 특징이 있어 두 가지 방법으로 참조가 가능하다.enum ContentsType { All, // 여기서 부터0, 1, 2, 3으로 자동 할당 YOUTUBE, ARTICLE, PODCAST,}const status: ContentsType = C..