query string, path variable

1\. query parameter엔드포인트주소/엔드포인트주소?파라미터=값&파라미터=값변수에 값을 담에 백엔드에 전달하는 방식전달하고자 하는 parameter가 여러개인 경우 &를 붙여 연결할 수 있음2\. path varaible경로를 지정하여 요청path를 변수로

3일 전
·
0개의 댓글
post-thumbnail

[vue] CLI, package.json, package manager

CLI란? Command Line Interface: 텍스트 터미널을 통해서 사용자와 컴퓨터가 상호작용 하는 방식CLI는 크게 2개의 단위로 구성: 입력, 출력 입출력이 가능하게 해주는 소프트웨어를 "터미널"이라고 함 + 사용자가 입력한 명령어를 해석해주는 소프트웨어를

2022년 5월 1일
·
0개의 댓글

js 비동기 통신

axios example codehttps://github.com/SuyeonSun/js-async-api.git동적인 웹 페이지란?인자값에 따라 웹 페이지의 일부분만을 갱신할 수 있도록 해준다. 클라이언트는 필요한 데이터만 서버를 통해 비동기적으로 받고, 깜

2022년 3월 27일
·
0개의 댓글

session, local Storage

session, local Storage example code https://github.com/SuyeonSun/SessionLocalStorage웹에서 서버가 아닌 클라이언트에서 데이터를 저장하는 방법?대부분의 데이터의 경우 데이터베이스에 저장하므로 로컬

2022년 3월 27일
·
0개의 댓글

routing

(참고) nested routes는 아래를 참고했다.https://router.vuejs.org/guide/essentials/nested-routes.htmlrouter > index.jsApp.vueviews > Home.vueviews > Cats.vue

2022년 3월 1일
·
0개의 댓글

Vue for문

for문 형식 전체 코드

2022년 2월 28일
·
0개의 댓글

Vuex

Vuex 사용 이유? 변수를 프로젝트 전체에서 사용 가능하도록 한다.처리 흐름? dispatch -> Actions(commit) -> Mutations -> state -> Getters(이때, dispatch~Mutations는 데이터 반영, state~Getter

2022년 2월 28일
·
0개의 댓글

Slot

slot 사용 전 코드pages > About.vuecomponent > SlotCard.vueslot 사용 후 코드pages > About.vuecomponent > SlotCard.vue

2022년 2월 28일
·
0개의 댓글

v-bind:value와 value의 차이

2022년 2월 27일
·
0개의 댓글

component

views > App.vuecomponents > MyCard.vue

2022년 2월 27일
·
0개의 댓글

join()

let words = '사과', '바나나', '배';괄호 안에 아무것도 적지 않는다면, 쉼표,로 join 된다.

2022년 2월 14일
·
0개의 댓글

객체의 value 찾아 key 출력하기

if문 안에서 person을 바로 return 하게 되면, 전체 solution 함수에 대한 return 값이 없기 때문에 undefined가 결과값으로 출력된다.따라서 if문 안에서 조건을 체크한 person 값을 name 변수에 저장한 후, 최종적으로 solutio

2022년 2월 11일
·
0개의 댓글

for in vs for of 반복문

1\. forEach 반복문forEach는 오직 배열에서만 사용이 가능하다.2\. for in 반복문for in 구문은 객체의 key 값에 접근할 수 있지만, value 값에 접근하는 방법은 제공하지 않는다.3\. for of 반복문

2022년 2월 11일
·
0개의 댓글

스코프 (유효범위)

만약 스코프라는 개념이 없다면, 같은 이름을 갖는 변수는 충돌을 일으키므로 프로그램 전체에서하나밖에 사용할 수 없다. var, let, const 키워드로 선언한 변수의 스코프는 각각 다르게 작동한다.(1) 스코프의 종류 \-전역 스코프\-지역 스코프 (함수 스코프,

2022년 2월 3일
·
0개의 댓글

브라우저의 로딩 과정과 가상 돔

1\. 브라우저 로딩 과정파싱 - 렌더트리 형성 - 레이아웃 - 페인트 과정을 거친다. 그 후에 자바스크립트나 CSS를 통해 DOM이나 CSS에 변화가 생길 경우 repaint의 과정을 거친다.(1) 파싱 : 브라우저의 렌더링 엔진이 HTML과 CSS을 파싱하고 읽어들

2022년 2월 3일
·
0개의 댓글

let...of, reverse()

1\. toString()의 자료형 변환input = 'Mississipi'에 toString()을 적용하면 문자열이 된다.input = 'Mississipi', 'Mississipi2' (중요!) 2. input.split is not a function (중요

2022년 1월 24일
·
0개의 댓글

배열의 초기화

forEach( )배열의 초기화array = // 이것은 초기화가 아니다.array1 = 0; // 초기화가 안되었기 때문에 불가능하다. array1 = true; // 이것은 boolean 값이기 때문에 가능하다.// 배열을 초기화해주고 싶다면 아래와 같이 작성하

2022년 1월 21일
·
0개의 댓글

React Bootstrap 적용 방법

public > index.html 파일의 head 태그 안에 아래를 붙여 넣는다.후에 원하는 곳에 bootstrap 코드를 붙여넣으면 된다.

2022년 1월 20일
·
0개의 댓글

TypeError: Cannot read properties of undefined (reading 'length')

TypeError: Cannot read properties of undefined (reading 'length')at Object. 위와 같은 에러가 발생했다. 두번째 for문에서 j++를 i++로 잘못 적어 발생한 것이었다.

2022년 1월 18일
·
0개의 댓글

filter(), indexOf()

1\. filter( ) : 배열에서 특정 값 개수 구하기2\. indexOf( ) 배열의 모든 요소 찾기배열에서 다른 수 찾는 방법요소가 배열에 존재하는지 확인하고 배열을 업데이트

2022년 1월 18일
·
0개의 댓글