프론트엔드 정복하기

소스 코드의 '변경 사항'을 관리하는 도구 = 버전 관리 시스템 이라고 한다. 을 통해 만들어진 => 각각의 파일을 => 백업해주고 공유해서 => 여러 사람이 작업할 수 있게 해주는 것. 버전관리 시스템 : CVS, SVN, GIT 등 Client와 Server의 개념 ** Dropbox Dropbox Client : 파일을 수정했을 때 수정한 파일을 업로드해주는 역할 dropbox.com (Server) : 수정된 파일을 업로드 받아서 server에 올려주는 역할 ** Git (오픈소스로 구성된 시스템) Git Client : 소스트리, github desktop 등등... Git Server : Git 원격 저장소 라고도 부른다. (Github.com, bitbucket 등 다양하게 존재함) Work..

010-1234-5678> 위와같이 코드를 작성할 경우, 웹에서는 단지 텍스트로만 보여지게 되고, 모바일에서는 a태그를 터치했을 때 전화 화면으로 이동하게 된다. 메일주소

Jest는 페이스북에서 만든 테스팅 라이브러리다. 자바스크립트 개발자들로부터 좋은 반응을 얻고 있다. 설치 npm i --save-D jest -D : 개발 dependency로 설치 test 스크립트 수정 package.json 파일에서 "scripts":{ "test":"jest" } npm test 라고 입력하면 jest command를 실행할 수 있다. 테스트 코딩 파일 생성 Jest는 기본적으로 test.js로 끝나거나, __test__ 디렉터리 안에 있는 파일들을 테스트 파일로 인식한다. 만약 특정 테스트 파일만 실행하고 싶은 경우에는 터미널창에 npm test 를 입력하면 된다. 테스트 코드 기본 test.js 파일을 생성하고, 그 안에 다음과 같이 코드를 입력한다. test("1 is 1"..

최수형 | 마이크로프로텍트 > 테스트 코드 작성하시나요?) >> 잘 안하게 되는 것 같아요. 왜 안하게 되는가?) >> 너무 힘들고 일정에 치이다보니 안 하게 된다. 왜 어려운가?) >> Testable한 코드가 아니기 때문에 어떻게 Testable한 코드를 작성할까?) >> 관심사의 분리 Separation of Concerns 를 지키자. *이것을 지키지 않았을 때 => 거대한 진흙 덩어리 Big Ball of Mud가 되기 쉽다. SRP | Single Responsibility Principle SRP는 단일 책임 원칙이라고 한다. 이게 과연 이 컴포넌트의 관심사가 맞는가, 계속 되물으면서 관심사의 분리를 이루는 것이다. 하나의 컴포넌트가 응집된 책임을 지도록 노력하면서 작게 쪼개는 연습하는 게 ..

fs모듈을 사용해서 node.js 출력하기 (기본 방법보다 코드가 더 간결하다.) 1. 한 줄 입력 const src = require('fs').readFileSync('/dev/stdin').toString().split(' '); let fs = require('fs'); let input = fs.readFileSync('/dev/stdin').toString().split(' '); let num = Number(input); for (let i = 1; i

에러 메세지 : Elements in iteration expect to have 'v-bind:key' directives vue/require-v-for-key v-for 디렉티브에는 v-bind:key를 추가해야 한다. 에러 원인 : vue 2.2.0 이상의 버전에서는 v-for 속성을 사용할 때 key 속성값이 필수로 동반되어야 한다. {{item}} 또는 {{item}}