Ideveloper's software blog

ETC:transpile 과 compile의 비교 잘못된 내용이나, 오타 피드백 환영합니다! | 시작하기에 앞서 transpile과 compile 이라는 두 용어를 헷갈린 적이 한두번이 아니고 잘못 사용하고 있는 케이스들을 봐서, 내용을 다시 한번 되짚어 보려합니다. 프론트엔드 개발을 하다보면 자주 babel이나 typescript를 자주 언급하게 됩니다. 또한, 이들을 설명할때는 compile 혹은 transplie이라는 용어를 종종 사용 하게 됩니다. 우선, babel은 javascript transpiler 입니다. 또한 그다음으로, 타입스크립트 역시도 많이 접하실 텐데요, 타입스크립트가 자바스크립트로 컴파일 되는것인가, 트랜스파일 되는것인가는 아래에서 다시 언급하겠습니다. | transpile v..

ETC:컨트리뷰톤 크로미움 오프라인 세미나 모임 정리 (고병권, 방진호 멘토님) 1. Let’s get to be familiar chromium (고병권 멘토님) | git 명령어 관련 Git new-branch ‘branch-name’ => 크로미움 프로젝트에서만 있는 명령어 (권장) create new branchswitch to new branchset upstream브랜치당 cl 하나 Git checkout -b ‘branch-name’ 위와같이 체크아웃으로 그냥 브랜치를 만들면 업스트림이 없음)업스트림: 리모트 서버와 연결이 되어있느냐 없느냐 Git rebase-update 리베이스 하고 동일한 브랜치 삭제까지 해줌이걸 쓰는 사람들은 git new branch로 했을때만 사용안그러면 다삭제 될..

ES6:reduce에서 array of object의 합 구할때 주의사항 (get sum of array of object) | 시작하기에 앞서js에서 loop를 돌며 array안에있는 object의 합을 구할때 reduce를 자주 쓰는데 자주 하는 실수가 있다. (나만 한건 아닐거다.. 아마)어떤 실수인지 아래에서 살펴보자!| 설명 > 잘못된 코드 (wrong code) const sum = reviewScores.reduce(function(prev, next) { return prev.score * prev.count + next.score * next.count; }); https://stackoverflow.com/questions/5732043/javascript-reduce-on-array-..

ETC:vscode 에서 experimentalDecorators warning 와 같은 에러 뜰때 해결방법 | 시작하기에 앞서 mobx를 사용하다보면 위와 같은 decorator 문법을 쓸때가 많은데, 그때 vscode에서는 에러가 뜬다. 이를 해결하는 방법은 아래와 같다. | 해결방법 root 폴더에 tsconfig.json 파일을 만들어 아래와 같은 코드를 넣으면 해결된다. { "compilerOptions": { "experimentalDecorators": true, "allowJs": true }}

ETC :단위테스트 관련 참고하면 좋은링크 https://medium.com/@sryu99/%EB%8B%A8%EC%9C%84-%ED%85%8C%EC%8A%A4%ED%8A%B8-tdd-bdd%EC%9D%98-%EC%B0%A8%EC%9D%B4%EC%A0%90-3d25fab5ccb2 중요내용 발췌 단위 테스트는 테스트의 대상이 무엇(what)인가를, TDD는 테스트코드의 작성 시점(when)을, BDD는 테스트코드를 작성하는 방법(how)을 알려준다. 단위테스트, TDD, BDD를 각각 개별적으로 활용할 수도 있지만, 최상의 결과를 위해 각각을 적절히 조합하여 서로를 보완하는 형태로 사용해야 한다.

ETC:prettier-eslint 사용시 충돌 안일어나게하는법 prettier 확장프로그램을 설치하고, eslint도 설치하고 아래와 같은 setting을 User setting에 넣어준다.(vscode기준입니다) "editor.formatOnSave": true, "prettier.eslintIntegration": true, 참고링크: https://github.com/prettier/prettier-eslint/issues/135

ES6 - 윤지수교수님 오프라인 강의 | ES Modules javscript의 표준적인 모듈 시스템이다.nodeJS에서나 필요했던것이 spa의 등장으로 모듈방식개발이 필요해짐.지금까지는 commonJs 표준 -> nodeJS에서 사용되던 방식을 Browser가 도입정리하면 자바스크립트 파일 복잡성 증가 -> 모듈화 ->의존성문제 ECMAScript modules 탄생 1.모듈로 불려질 javascript entry 등록2.entry에서는 의존하고있는 파일import 해서 접근 가능3.다른곳에서 사용할 모듈을 export 설정 다이나믹 로더사용자가 글을 입력했을때나 클릭했을때 빠르게 처리 ? | Classes 프로토 타입 -> 클래스로 서비스 만듬상속은 프로토타입 체인으로 연결 -> 클래스 extends..

es6 - slice() vs spilce() | Slice() slice는 배열의 일정부분을 추출해 낼때 사용한다. 그리고 아래와 같이 사용한다. arr.slice( 추출시작index, (option)추출직전index ) 예를 통해 더 자세히 알아보자.var arr=[1,2,3,4,5]; ​ arr.slice(1); -> 결과값: [2,3,4,5]; ​ arr.slice(0,2); -> 결과값: [1,2]; ​ 위에서 볼수 있듯이 arr.slice(1)는 배열 index가 1인것부터 배열의 마지막index까지 추출해낸다. 그리고 추출직전index는 option이므로 꼭 넣어주지 않아도 된다.그리고 arr.slice(0,2)에서 볼수 있듯이, index가 0인것부터 index가 2 직전인 값 까지 그러니..