보호되어 있는 글입니다.

보호되어 있는 글입니다.

보호되어 있는 글입니다.

cd 폴더명(vue) : vue 폴더로 이동해! // 폴더 디렉토리로 이동 cd.. : 한 단계 위 디렉토리 ls : 너 위치 어디니? // 현재 위치한 경로 안의 내용 출력 ** 폴더 위치 정한 뒤, vue create 폴더명 으로 vue cli 환경을 셋팅해주자 여기서 tip > git 에서 repositories 에서 webstorm이랑 연결하지 말고 먼저 셋팅 후 깃이랑 연결해주자 그래야지 vue 오른쪽 클릭하면 Git > Pull, Push 이 뜬다! webstrom에서 Repository 를 만들어 주는 거다 1) vue 프로젝트를 만들기 위해 다음과 같은 명령어를 실행한다. vue create vue-study 2) Please pick a preset: [ ] Default ([Vue 2]..

1. Set이란? Set 은 중복을 허용하지 않는 값을 모아놓은 컬렉션이다. 자바스크립트 표준 내장 객체 중 하나이다. set 객체는 자료형에 관계없이, 원시 값과 객체 참조 모두 유일한 값으로 저장할 수 있다. 즉, set 내의 모든 값을 유일한 값을 유지 const arr = [1, 1, 1, 2, 2, 2, 3, 3, 3]; console.log(new Set(arr)); // Set(3) { 1, 2, 3 } console.log(...[1, 2, 3]); // 1 2 3 console.log(...new Set(arr)); // 1 2 3 console.log([...new Set(arr)]); // [ 1, 2, 3 ] console.log(Array.from(new Set(arr))); //..

1. Close issue (수동으로 할 때) 커밋할 때 footer에 close #68 적어줘도 된다. 2. 작업 다한 브랜치 push하면 pull request에 뜬다. 3. base:dev로 바꾸고 (중요) create pull request누른다. 4. Merge pull request 5. Delete branch 6. Restore branch

버튼 클릭시 숫자 증가 감소함을 보여줌

이벤트 연결 이벤트 해제 이벤트 연결 상태 : 해제 작년에는 이렇게 구현했었는데 올해는 buttons를 반복문 돌려서 flag로 상태를 변화시켜 보았다! document.addEventListener('DOMContentLoaded', () => { const p = document.querySelector('p'); const buttons = document.querySelectorAll('button'); let flag = false; buttons.forEach(btn => { btn.addEventListener('click', () => { if (!flag) { p.textContent = '이벤트 연결 상태 : 연결'; flag = true; } else { p.textContent = ..

1. Git Flow? Git을 사용해서 개발 작업을 진행하는 프로세스 2.Git Flow의 브랜치 master 실제 프로덕트로 배포하는 브랜치 master에 머지가 된다는 것은 프로덕트에 적용하는 것을 의미한다. develop master에서 배포가 되었다면, 그다음 버전을 준비하는 브랜치이다. feature 새 기능을 개발하는 브랜치 develop을 베이스 브랜치로 가지며, 완료되면 develop에 머지하고 릴리즈를 준비한다. 보통 feature는 prefix로 두고, 뒤에 jira 티켓 번호를 붙이거나 기능명을 적는다. feature/add-read-api-#133 feature-API-133 release 실제 프로덕트로 배포하기 전에, 최종 점검을 하기 위한 브랜치 develop에서 해당 브랜치..

1. Issues > New issue > Get Start 2. 이슈 등록 3. Webstorm > Open Task > #51번 이슈를 클릭하기 4. 가져올 브랜치 선택하기 (dev로 정하기로 했다)

보호되어 있는 글입니다.

if : 조건이 만족 될 때에만 코드가 실행 const a = 5; if (a === 5) { console.log('5'); } else if (a === 6) { console.log('6'); } else { console.log('없음'); } const test = 100; switch (test) { case 100: console.log('100'); break; case 90: console.log('90'); break; default: break; } switch : 특정 값이 무엇이냐에 따라 다른 작업을 수행 switch문은 필요한 조건에 만족하는 경우마다 각각 다른 조건을 매칭하여 실행시킬 수 있다는 장점이 있다. 또한 모든 각각의 개별조건들이 많은 경우 이를 if 문을 사용하여 처..

전개 연산자로 할당하면 2차원 형태가 되지 않는다. 배열의 경우 const arr1 = [1, 2, 3]; const arr2 = [4, 5]; console.log(arr1.push(...arr2)) // [1, 2, 3, 4, 5] 객체의 경우 const obj1 = {a: 'A', b: 'B'}; const obj2 = {c: 'C', d: 'D'} const objWrap = {...obj1, ...obj2}; console.log(objWrap); // { a: 'A', b: 'B', c: 'C', d: 'D' } 기존 배열을 보존해야 할 때 유용 const arr1 = [1, 2, 3]; const arr2 = arr1.reverse(); console.log(arr1); // [3, 2, 1..

Math.ceil : (무조건) 반올림 let num1 = 5.1; let num2 = 5.7; console.log(Math.ceil(num1)) // 6 console.log(Math.ceil(num2)) // 6 Math.floor: (무조건) 내림 let num1 = 5.1; let num2 = 5.7; console.log(Math.floor(num1)) // 5 console.log(Math.floor(num2)) // 5 Math.round: 반올림 let num1 = 5.1; let num2 = 5.7; console.log(Math.round(num1)) // 5 console.log(Math.round(num2)) // 6 toFixed() : 소수점까지 반환 let num1 = 5.1..

1. Object.assign : 객체 복제 const user = { name: 'min', age: 30 } const cloneUser = Object.assign({}, user) // { ...user } 같다 cloneUser.name = 'jin' console.log(user) // { name: 'min', age: 30 } console.log(cloneUser) // { name: 'jin', age: 30 } assign({}