profile
Future Frontend Developer
post-thumbnail

React Basic -1

Meta (전 Facebook) 에서 2011년에 만든 프론트엔드 라이브러리 (프레임워크)페이스북, 인스타그램, 넷플릭스 모두 이 React 로 만들어졌다하나의 html 파일만 보여주고, 내부의 요소는 모두 자바스크립트를 활용해서 변경시키는 것페이지가 변경될 때마다 무

2022년 7월 26일
·
0개의 댓글
·
post-thumbnail

Vue.js 사용자 입력 폼 만들기

터미널에서 신규 vue cli 프로젝트를 생성한다. vue create vue-formcd vue-formform에 기본적인 로그인 구조를 마크업 (id/password, button)App.vueinput에 v-model="인스턴스의 데이터 이름"을 추가해서 양방향으

2022년 6월 29일
·
0개의 댓글
·
post-thumbnail

Vue.js CLI (프로젝트 생성 도구)

Vue CLI 공식 사이트 링크node ltsnpm터미널에 npm install -g @vue/cli 입력권한 문제 발생 시 sudo npm install -g @vue/cli로 입력 (관리자권한)새 창 터미널에 vue create 프로젝트 폴더 위치(이름)cd vue

2022년 6월 28일
·
0개의 댓글
·
post-thumbnail

Vue.js 템플릿 문법 - 실전

데이터의 변화에 따라서 특정 로직을 실행increase 버튼을 누를때마다watch의 console.log('changed')가 실행된다대부분의 케이스에서 computed vs watch 는 computed가 적합하다.computed는 벨리데이션(확인), 간편한 텍스트

2022년 6월 26일
·
0개의 댓글
·
post-thumbnail

Vue.js 템플릿 문법 - 기본

뷰의 템플릿 문법이란 뷰로 화면을 조작하는 방법을 의미합니다.템플릿 문법은 크게 데이터바인딩과 디렉티브로 나뉩니다.데이터 바인딩 : 콧수염 괄호 {{ }} (Mustache Tag)디렉티브

2022년 6월 23일
·
0개의 댓글
·
post-thumbnail

Vue.js axios

전반적인 비동기에 대한 사전 이해도가 필요. (callback, Promise, async/await)Axios 깃헙 주소자바스크립트 비동기 처리와 콜백 함수자바스크립트 Promise 이해하기자바스크립트 async와 await

2022년 6월 23일
·
0개의 댓글
·
post-thumbnail

Vue.js 라우터

Vue Router

2022년 6월 21일
·
0개의 댓글
·
post-thumbnail

Vue.js 컴포넌트 통신 방법 - 응용

2022년 6월 21일
·
0개의 댓글
·
post-thumbnail

Vue.js 컴포넌트 통신 방법 - 기본

뷰 컴포넌트는 각각 고유한 데이터 유효범위를 갖습니다.따라서, 컴포넌트 간에 데이터를 주고 받기 위해선 아래와 같은 규칙을 따라야 합니다.상위에서 하위로는 데이터를 내려줌, 프롭스 속성하위에서 상위로는 이벤트를 올려줌, 이벤트 발생Root의 데이터객체 message:

2022년 6월 16일
·
0개의 댓글
·
post-thumbnail

Vue.js 컴포넌트

컴포넌트는 화면의 영역을 구분하여 개발할 수 있는 뷰의 기능입니다.컴포넌트 기반으로 화면을 개발하게 되면 코드의 재사용성이 올라가고빠르게 화면을 제작할 수 있습니다.

2022년 6월 16일
·
0개의 댓글
·
post-thumbnail

Vue.js Instance

console에 위에서 할당한 vm을 입력하면인스턴스 내에 어떤 속성과 API가 있는지 확인 가능하다.인스턴스 옵션 속성

2022년 6월 15일
·
0개의 댓글
·
post-thumbnail

Vue.js 소개

Vue 소개

2022년 6월 15일
·
0개의 댓글
·
post-thumbnail

Vue.js 개발 환경 설정

https://www.inflearn.com/course/age-of-vuejs/크롬확장자 vue.js devtools, node lts, vscode https://github.com/joshua1988/learn-vue-jsvscode, exten

2022년 6월 15일
·
0개의 댓글
·
post-thumbnail

바닐라 JS로 MOMENTUM 크롬앱 만들기

INTRODUCTIONWELCOME TO JAVASCRIPTJAVASCRIPT ON THE BROWSERclassList의 toggle 함수를 사용하여 주석처리한 긴 코드를 단축할 수 있다.toggle을 배우지 않고 className을 if 조건문className, c

2022년 5월 27일
·
0개의 댓글
·
post-thumbnail

React

CodeSandBox -> 리액트 맛보기 동안 사용할 도구Vanilla js Dom -> W3Schools/ createElementCDN -> unpkgReact / React-dom -> element 생성, appendChildJSX -> React.createE

2022년 5월 19일
·
0개의 댓글
·
post-thumbnail

Vue로 영화검색사이트 예제만들기

htmljs (main.js)

2022년 5월 16일
·
0개의 댓글
·
post-thumbnail

javascript es6 Basic

아카데미드림코딩에서 자바스크립트마스터리 (es6+) 최신문법 강의를 완강했다.저작관련 문제로 실습파일을 기록하진 못하겠지만javascript에 대한 전반적인 문법과 개념을 익힐 수 있는 좋은 강의였다.매 파트마다 퀴즈를 풀어보면서 느낀점은 단순히 문법을 익히는 것과 직

2022년 5월 16일
·
0개의 댓글
·
post-thumbnail

Typescript Basic

boolean number stringsymbol (ES2015)nullundefined오브젝트와 레퍼런스 형태가 아닌 실제 값을 저장하는 자료형 프리미티브형의 내장 함수를 사용 가능한것은 자바스크립트 처리 방식 덕분literal 값으로 Primitive 타입의 서브

2022년 4월 25일
·
0개의 댓글
·
post-thumbnail

Typescript First

node.js, typescript 설치작업폴더 만들기vscode 터미널 code . 입력 후 작업 폴더 열기터미널 입력: npm i typescript -D하단 typescript {} 누른 뒤 version 선택, 현재 작업영역 버전으로 사용

2022년 4월 25일
·
0개의 댓글
·
post-thumbnail

javascript data (Properties, Methods)

String: "", '', \`\`NumberBoolean: true, falseundefinednullArray: \[]Object: {}

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