Pinia > Vue 공식 상태 관리 라이브러리 Pinia 구조 store 중앙 저장소, 모든 컴포넌트가 공유하는 상태 기능 등이 작성됨 state 반응형 상태(데이터), ref()===state ![](https://velog.velcdn.com/image

네트워크에서 경로를 선택하는 프로세스, 웹 어플리케이션에서 다른 페이지 간의 전환과 경로를 관리하는 기술SPA에서 routing은 브라우저의 클라이언트 측에서 수행클라이언트 측 js가 새 데이터를 동적으로 가져와 전체페이지를 다시 로드하지 않음페이지는 1개이지만, 링크

부모는 자식에게 데이터를 전달(Pass Props)하며, 자식은 자신에게 일어난 일을 부모에게 알림(Emit event)같은 데이터 하지만 다른 컴포넌트.동일한 사진 데이터(ex.프로필 사진)이 한 화면에 다양한 위치에서 여러 번 출력된다고 가정하자. 해당 페이지를 구

재사용 가능한 코드 블록 UI를 독립적이고 재사용 간으한 일부분으로 분할하고 각 부분을 개별적으로 다룰 수 있음, 자연스럽게 앱은 중첩된 component의 트리로 구성됨Single-File Components, 컴포넌트의 템플릿, 로직 및 스타일을 하나의 파일로 묶어

DOM을 기본 구성 요소 인스턴스의 데이터에 선언적으로 바인딩 할 수 있는 HTML기반 템플릿 구문데이터 바인딩의 가장 기본적인 형태이중 중괄호 구문(콧수염 구문)을 사용콧수염 구문은 해당 구성 요소 인스턴스의 msg 속성 값으로 대체msg 속성이 변경될 때마다 업데이

Vue.js는 React와 마찬가지로 SPA, Web-App을 개발 할 때 사용자 인터페이스를 구축하기 위한 프레임워크이다.기존에는 바뀐 데이터를 DOM에 다시 대입해줘야지만 화면에 변경점이 적용되지만 Vue.js는 데이터의 변화를 라이브러리에서 감지해서 화면에 그려주

무언가 일어났다는 신호, 사건, 모든 DOM 요소는 이러한 event를 만들어 냄 또한 DOM 요소는 event를 받고 받은 event를 처리할 수 있음.이벤트가 발생했을 때 실행되는 함수, 사용자의 행동에 어떻게 반응할지를 js 코드로 표현한 것대표적인 이벤트 핸들러

Document Object Model, 웹페이지를 구조화된 객체로 제공하여 프로그래밍 언어가 페이지 구조에 접근할 수 있는 방법을 제공, 문서 구조, 스타일, 내용 등을 변경할 수 있도록 함DOM에서 모든 요소, 속성, 텍스트는 하나의 객체모두 document 객체의

배열의 맨 마지막에 위치한 값을 알아야할 때 훨씬 편함 colors 배열에 blue라는 값이 존재함? colors 배열에 2번째 값부터 blue 라는 값이 존재하나? 배열에 존재하지 않는 값을 매개변수로 넣어 해당 값을 찾으려고 한다면 -1을 반환함 객체는 탐색

키로 구분된 데이터 집합을 저장하는 자료형중괄호를 이용해 작성, 중괄호 안에는 ket:value 쌍으로 구성된 속성(property)를 여러개 작성 가능key는 문자형만 허용value는 모든 자료형 허용A. 객체 프로퍼티의 값을 수정하는 것이 객체 자체를 수정하는 행위

참조 자료형에 속하며 모든 함수는 funtion object참조 자료형: 객체의 주소가 저장되는 자료형 (가변, 주소가 복사)함수의 구조에는 이름, 매개변수 , body를 구성하는 statement가 있다. return값이 없다면 undefined를 반환한다.함수 이름

조건문이 참이면 문장을 계속해서 수행특정한 조건이 거짓으로 판별될 때까지 반복반복문 진입 및 변수 i 선언조건문 평가 후 코드 블럭 실행코드 블록 실행 이후 i 값 증가객체의 열거 가능한 속성(property)에 대해 반복속성 열거를 사용하기 때문에 특정 순서에 따라

조건 표현식의 결과값을 boolean 타입으로 변환 후 참/거짓을 판단세 개의 피연산자를 받는 유일한 연산자앞에서부터 조건문, 물음표, 조건문이 참일 경우 실행할 표현식, 콜론(:), 조건문이 거짓일 경우 실행할 표현식이 배치switch case 문은 특정 값이 무엇

오른쪽에 있는 피연산자의 평가 결과를 왼쪽 피연산자에 할당하는 연산자, 단축 연산자를 지원한다증가연산자(++) \- 피연산자를 증가시키고 연산자의 위치에 따라 증가하기 전이나 후의 값을 반환감소 연산자(--) \- 피연산자를 감소 시키고 연산자의 위치에 따라 감소하

변수에 값이 직접 저장되는 자료형(불변, 값이 복사)변수에 할당될 때 값이 복사됨 -> 변수 간에 서로 영향을 미치지 않음정수 또는 실수형 숫자를 표현하는 자료형텍스트 데이터를 표현하는 자료형연산자를 사용해 문자열끼리 결합, 곱셈,나눗셈, 뺄셈 불가능null : 변수

이름을 가진 저장소$ 와 \_ 를 제외한 기호는 사용 불가변수명의 맨 앞은 숫자 사용 불가예약어 사용 불가C나 자바는 변수를 선언할때 int나 char와 같이 변수의 타입을 지정해주지만 자바스크립트는 변수 선언 시 자료형을 명시하지 않는다. 왜일까?자바스크립트 변수는

0개 이상의 게시글은 1명의 회원에 의해 작성 될 수 있다User 외래 키 정의User 모델은 직접 참조하지 않는다User 모델에 대한 외래 키 데이터 입력을 위해 불필요한 input 출력 됨ArticleForm 출력 필드 수정게시글을 작성하면 에러가 발생한다 -> u

Many to on relationship >한 테이블의 0개 이상의 레코드가 다른 테이블의 한 개와 관련된 관계 N:1 or 1:N ( 게시물과 댓글의 관계) 댓글 모델 구현

User 객체를 Creat 하는 과정from django.contrib.auth.forms import UserCreationForm import 시켜야함UserCreationForm() : 회원가입시 사용자 입력 데이터를 받을 built-in ModelForm하지만

비연결 지향서버는 요청에 대한 응답을 보낸 후 연결을 끊음무상태연결을 끊는 순간 클라이언트와 서버 간의 통신이 끝나며 상태 정보가 유지되지 않음상태가 없다는것 -> 장바구니에 담은 상품 유지 x, 로그인 상태 유지 x: 서버가 사용자의 웹 브라우저에 전송하는 작은 데이