맨날 쓰는건데 아무 지식 없이 쓰는거라 한번 공부해봤다. NPM(Node Package Manager) - 노드패키지매니저 - 자바스크립트 패키지 관리자 - 자바스크립트 라이브러리가 있는 공개 저장소 - NPM(Node Package Manager)는 명령어로 자바스크립트 라이브러리를 설치하고 관리할 수 있는 패키지 매니저 → 자바스크립트 라이브러리를 npm 명령어로 편하게 다운 가능 npm 사용이유 1. 라이브러리 버전관리에 굿 → 걍 pacakage.json 에서 슥슥 세팅하면 끝 2. cdn 일일이 검색하고 찾지 않아도 된다 → 걍 install 명령어로 빠르게 세팅 버전확인 npm -v npm 초기화 npm init // ← 이름, 버전 등등 겁나 물어봄.. 어짜피 따로 세팅하는게 더 편함 npm..
맨날 헷갈려서 찾아보는 allSettled 이자식 아주 편리한 자식 Promise.all() 메서드는 객체에 주어진 모든 프로미스 중 하나라도 거절되면 모두 거절됨 한개 실패했을 뿐인데 엮여있는 애들 다 실패되면 세상 억울ㅜ Promise.allSettled 얘는 all 처럼 여러 프로미스를 처리하면서 성공을 하든 실패를 하든 일단 진행함 필요에따라 구분하여 쓰자 공통점 : 여러 프로미스의 결과를 비동기로 모두 이행하여 집계할 때 사용 아무튼 초간단 사용법 const promiseList = [ ]; primiseList.push( 함수1() ); primiseList.push( 함수2() ); primiseList.push( 함수3() ); //... 이렇게 차곡차곡 push ^^ Promise.all..
변수에 function 기본적인 자바스크립트에서 변수 사용법 function a() {} 변수에 넣어서 사용하는 방법 const a = () => { return '어쩌구' } 변수에 넣는 이유 (1) 오버라이딩을 막을 수 있다 (2) function이 먼저 정의된다 (top of scope) 참고로 자바스크립트에서 함수는 사실은 변수에 담겨진 함수 변수인 점! function a() {} 이렇게 작성해도 사실 var a = function() {} 이라고 한다! 그냥 코드 취향이라 생각한 무지함에 셀프반성^^ 일하면서 배우는 코딩 ^.^ㅜ 메모해둔거 조금씩 올려야지 ...
주석을 해놨는데도 까먹는다 ... 🎄 TODO Tree TODO Tree 를 활용하자 https://marketplace.visualstudio.com/items?itemName=Gruntfuggly.todo-tree Todo Tree - Visual Studio MarketplaceExtension for Visual Studio Code - Show TODO, FIXME, etc. comment tags in a tree viewmarketplace.visualstudio.com install 하면 이렇게 탭 등장! 이 후 코드에 주석을 아래처럼 달아놓으면 /* TODO 어쩌구저쩌구 */ /* FIXME 저쩌구어쩌꾸 */ TODO TREE 탭에서 한 눈에 확인이 가능! TODO → "이거 해라!" F..
프론트엔드 1년 근무 후기1년동안 한 게 없어서 쓸까말까 고민을 많이 했습니다.. 하지만 성공한 개발자의 회고가 있다면 실패한 개발자의 회고도 있는 법 ^.ㅜ 경험과 지식을 공유하고자 하는 제 블로그의 취지답게 용기내고 글을 써봅니다.. 1. 첫 번째 취업 ( 4일 다님 ^^ )무수히 쏟아지는 양산형 국비 개발자였던 제가 erp 솔루션 회사에 첫 입사를 하게 되었습니다. 수많은 양복쟁이들 속에 혼자 청바지에 카라티를 입고 면접을 보았기에 그 묘한 수치심 속에서 '아 광탈이구나' 싶었지만 다행히 합격을 하게 되었습니다. 하지만 ... 4일 다니고 퇴사했습니다. 나름 괜찮은 연봉과 환경을 포기하고 퇴사했던 이유는 프론트엔드 개발에 대한 미련이 컸습니다.나는 씨샵 몰라...ㅜ 쿼리도 만지고 싶지 않아...ㅠ..