객체를 만들어 사용하는 방법 4가지

리턴된 함수나 변수만사용 가능 외부에서 printAge 사용하지 못함.리턴된 함수나 변수만사용 가능 외부에서 printAge 사용하지 못함.

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

클로져

increase 함수를 리턴하여 해당 함수를 실행 하면 실행한 만큼 count 값이 증가 되어 콘솔에 찍힌다. 아래 는 3번 호출 하여 3이 콘솔에 출력된다.closureUserInfo 함수에서 object형태로 2개의 함수를 리턴하면 외부에서 아래와 같이 호출이 가능

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

env 노드 환경 변수

.env 파일에는 환경변수를 만들 수 있다./src 소스 root에 .env를 만들어야 한다.key와 밸류 형태이다. key=value사용자가 추가하는 변수는 VUEAPP 를 앞에 붙여야한다.수정후 npm run 빌드를 해야 한다. 자바스크립트 파일에서 환경 변수 접근

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

코드 스플리팅

라우터 컴포넌트를 한번에 다 불러오지 않고 그 때 그때 마다 불러오는 방식으로 코드 스플리팅 방식을 써야 한다. 기존 방식 component: BlogList코드 스플리팅 방식 component: () => import('@/components/BlogList')

2022년 1월 14일
·
0개의 댓글
post-thumbnail

쿠키와 세션

쿠키는 서버와 클라이언트간에 전송과 응답의 데이터에 쿠기 값을 key, value로 저장 할 수 있다.쿠키는 주로 아래의 세 가지 목적을 위해 사용됩니다. \- 세션 관리(Session Management) 로그인, 사용자 닉네임, 접속 시간, 장바구니 등의 서버가

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

v.js 참조 사이트

참조 사이트 https://joshua1988.github.io/vue-camp/textbook.html

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

typescript

참조사이트 >https://typescript-kr.github.io/ 인트런 타입스크립트 코리아 무료 강의 참조 설치 방법 > tsc --init tsconfig.json 파일이 생성 되며 해당 파일에서 compiler 옵션을 설정 할수 있다. > tsc te

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

composition api

vue2에서는 따로 설치 해야 하며 vue3에서는 기본으로 내장 되어있다.컴포넌트를나 코드를 재사용 하기 위해서 기존에 mixin이나 Higher-Order Components 사용하여 재상 하였다 캡틴 판교님에 의하면 mixin,Higher-Order Componen

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

2022년 개인 목표

다이어트 개인공부 필수 react ,typescript 투자공부

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

module

common.js 파일을 생성한다. 생성한 js에 다른 js파일에서 import하여 사용 할 함수나 Object를 만든다. common.js를 사용할 js 파일에 import 후 export 한 Object나 이름을 {} 안에 선언 후 코드 상에서 UserInfo, s

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

[...value]

...movieList는 movieList 배열의 전체 값을 말하며 \[] 안에서 사용 시 전체 값을 가져와 설정 한다.\[...movieList,'호크아이'] 와 같이 사용 시 movieList 배열 뒤에 호크아이가 추가 된다.

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

React 기본

console 창에서 react 프로젝트를 만들 이름을 입력하면 react 프로젝트가 설치되어 구성 된다.프로젝트로 이동 후 npm start로 실행 하면 웹페이지가 표시된다.http://localhost:3000 번의 웹페이지 접속 가능

2021년 12월 28일
·
0개의 댓글
post-thumbnail

Position

2021년 12월 27일
·
0개의 댓글
post-thumbnail

web 개발 시 코드 자동 정렬 설정 방법

ESLint 설치 Prettier 설치 파일 -> 기본 설정 -> 설정(ctrl+,) 에서 빨간 동그라미 클릭 하면 JSON 편집기 상태로 변경 됨JSON 편집기 상태JSON 편집기 상태에서 아래 설정 코드

2021년 12월 27일
·
0개의 댓글

CallBack 지옥 Promise 변경

비동기로 동작 시 다음과 같이 첫번 째 콜백 함수가 호출 후 다음 동작을 해야 하기 때문에 다음과 같이 계속 콜백안에 콜백을 선언하게 된다 비동기로 동작 하는 로직을 new Promise 안의 콜백 함수안에서 동작 하도록 변경 한다. testPromise 함수 참조re

2021년 12월 20일
·
0개의 댓글
post-thumbnail

쿼리 응용

현재 열의 개수를 구함.출력할 컬럼의 이름을 변경한다.count(title)이 test로 변경 된다.특정 컬럼으로 묶어서 표시group by '컬럼명' title 컬럼을 기준으로 묶어서 count 표시 한다.

2021년 12월 20일
·
0개의 댓글

node.js에서 mySQL 사용

설치 > mySQL 접속 > mySQL 접속 시 에러 > ERNOTSUPPORTEDAUTHMODE 에러 발생할 경우 mysql 접속 후 아래 쿼리문 입력 query 함수를 통해 쿼리 활용 INSERT INTO(추가) > 테이블에 이름,이메일 주소 추가 쿼리 예제

2021년 12월 16일
·
0개의 댓글

MySql 기본

MySql 구조 > 데이터 베이스(스키마) 테이블이 있으며 데이터베이스 별로 묶을 수 있다. 서버 접속 > > mysql -uroot -p => 루트(관리자) 로그인 엔터 -u* 표시는 사용자 아이디 이며 예를 들어 -utester계정이 있으면 로그인 가능 설치 시 설정한 비번 입력 데이터베이스(schema 스키마) 데이터베이스 생성 > 데이터...

2021년 12월 14일
·
0개의 댓글

event loop

javascript는 None-blocking으로 동작한다.

2021년 12월 13일
·
0개의 댓글

로컬 서버 강제 종료

netstat -a -o 명령어입력 후 8090의 PID 찾아서 taskkill /f /pid 11111(PID번호) 입력

2021년 12월 9일
·
0개의 댓글