자바스크립트/메모장

💡Offline 환경에서도 npm install 과 흡사하게 필요한 패키지를 다운로드 해보자. 귀찮음 주의!! 목표 오프라인 상황에서도 불굴의 의지로 필요한 패키지를 다운받을 수 있다. 조금이라도 더 편리한 방법을 기록해두자. B2C 가 아닌 B2B 혹은 B2G 서비스를 운영하는 회사는 대부분 보안이 철저하다. 인터넷 연결이 가능한 외부망과 개발 관련 서버만 접속 가능한 내부망으로 나뉠 것이다. npm 프로젝트가 존재하고 npm을 통해 필요한 패키지를 다운로드 받고자 하면 어떻게 해야할까? 보통 외부망에서 내부망으로 파일을 전송할 수 있는 통로를 하나 열어두긴 한다. 하지만... 상급자의 결제를 항상 받아야하기 때문에 상급자가 휴가이거나 자리를 비운다면 무한히 기다려야 한다. 이게 너무 번거롭고 귀찮았다..

💡 자바스크립트를 통해 어플리케이션을 개발함에 있어서 코드 품질 향상을 소홀히 하지 말자! 목표 웹 어플리케이션을 개발함에 있어서 유용한 구문들을 기록하고 정리할 수 있다. 유용한 정보를 기록하고 공유하는 공간으로 활용할 수 있다. 알아두면 좋을 구문들 JSON 유효성 검사 Open API를 통해 데이터를 받아오는 것이 자리를 잡은 만큼 요청 혹은 응답 데이터가 JSON 포맷인지 확인할 필요가 있다. const isJSON = (str) => { try { JSON.parse(str); return true; } catch (e) { return false; } }; isJSON('dad'); // false isJSON('{a: 123}'); // false isJSON(null); // true is..

💡 Console API를 "console.log"만 사용하지 말자! 목표 Console API를 다양하게 활용할 수 있다. 간단한 디버깅에 활용하기 좋은 예제를 만들 수 있다. Console API 종류 console api는 사실 다양한 메서드들로 구현되어 있다. No. Method Description 1 console.trace() console.assert() 실행 스택 추적을 출력한다. 첫 번째 매개변수가 false인 경우, 메시지와 스택 추적을 출력한다. 2 console.clear() 콘솔의 내용을 지운다. 3 console.count() console.countReset() 주어진 레이블로 메서드를 호출한 횟수를 출력한다. 주어진 라벨의 횟수를 초기화한다. 4 console.debug()..

💡 알고 있으면 코드의 양이 획기적으로 줄어드는 Syntactic Sugar. 적극 활용해보자! 목표 Syntactic Sugar가 무엇을 의미하는지 설명할 수 있다. 자바스크립트에서 대표적인 Syntactic Sugar에는 무엇이 있는지 설명할 수 있다. 유용한 예제를 기록하는 공간으로 활용할 수 있다. 프로그래밍을 하다보면, 익숙하지 않은 용어가 등장하게 된다. 'Syntactic Sugar'도 그 중에 하나이다. Syntactic Sugar란, 직역하면 문법적인 설탕이라는 뜻으로 달달한 문법이라고 생각하면 된다. Candy Grammer라고도 부르기도 하며, 코드를 더 간략하고 쉽게 만들어주는 문법을 의미한다. 자바스크립트에서는 어떤 문법들이 syntactic sugar 일까? 자바스크립트의 Syn..