목록전체 글 (82)
(수근수근)
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/UTxCu/btrgBKhG4GS/kxmOGPifLrViTyEaN7mXik/img.png)
해당 내용은 인프런의 테스트주도개발(TDD)로 만드는 NodeJS API 서버를 정리한 내용입니다. 기존의 JS는 브라우저에서 동작하는 언어이다. Node.js 기초 브라우저 밖에서 자바스크립트 코드를 진행할 수 있다. 크롬에서 사용하는 V8엔진을 사용한다 이벤트 기반의 비동기 I/O 프레임워크 CommonJS를 구현한 모듈 시스템 [NodeJS 특징] 이벤트 기반의 비동기 I/O 프레임워크 클라이언트에서 어플리케이션으로 요청을 보낸다 노드js는 클라이언트의 요청을 이벤트 큐에 차곡차곡 쌓아 넣는다 이벤트 루프는 이벤트큐에있는 것을 하나하나 뽑아서 실행합니다 이벤트 루프는 하나의 싱글쓰레드 입니다.(싱글쓰레드가 job을 처리하고 결과를 응답해줍니다) 따라서 노드JS는 싱글쓰레드라고 보통은 말합니다. 하지..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/KFkWA/btrf1hy9WpV/T9GYYe7eCFGkjAY8kKLkZk/img.png)
해당 글은 클라이언트 측에서 JSON데이터를 CSV파일로 내보내는 방법을 정리하였습니다. 📓 JSON 데이터 JSON의 KEY형태는 항상 String이다. JSON의 VALUE 형태는 아래의 형식 중 하나여야한다 String Number JSON Object Array Boolean Null JSON의 형태는 아주 까다롭다. 따라서 사소한 실수는 절대 허용하지 않는다. 순수하게 데이터 포맷이기 떄문에 프로퍼티만 담을 수 있다. 메서드는 담을 수 없습니다. 👾 Function, Data, undefined의 형태는 값으로 사용 불가합니다. { "이름":"심주하", "나이" : 10, "가족":{ "동생1":"심민하", "동생2":"심세하"}, "취미" : ["JS", "HTML", "CSS"], "자차소유..
😲 callback함수란 javascript콜백 함수란 이름 그대로 나중에 호출되는 함수를 말한다. 문법적 특징이 따로 존재하는게 아니라 자바스크립트의 함수일 뿐이다. MDN 정의에 따르면 콜백 함수는 다른 함수에 인자로 전달되는 함수이며, 외부 함수 내에서 일종의 루틴 또는 동작을 실행하기 위해 호출된다. 🤦🏻 CallBack 함수의 예시 콜백함수라 해서 어마무시한 함수라고 생각할 필요없다, 예를 들어 콜백함수의 대표적인 사용은 addEventListener이다. 우리가 어떤 버튼이 클릭되었을 때 콘솔 창에 버튼이 클릭되었음 이라는 기능이 작동되게 해보자 ...생략 로그출력 우리가 흔히 쓰던 addEventListener 뿐만 아니라 비동기 함수의 대표적인 setTimeout()함수도 콜백함수를 필요로..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bcoUJg/btreJyi32f0/tW6m8y0xjX4oMRO61Tgutk/img.png)
해당 글은 패스트캠퍼스의 김민태의 프론트엔드 아카데미 강의를 수강한 내용을 정리한 것입니다. expression (식) 10+10; //결국 값과 값다. 식은 연산자를 사용한 결과 값과 값다 연산자 할당, 비교, 산술, 비트 계산, 논리, 문자열, 삼항 등 여러 가지 연산자가 존재합니다. 이런 개념보다는 직접 예제를 보는 것이 쉽습니다. 표현식과 연산자 - JavaScript | MDN 구조분해할당 ES6에 추가된 문법으로 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 JavaScript 표현식입니다 const color = ['red', 'yellow', 'black']; const Colors = { blue : 'blue', green : 'green', white : '..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/DP39j/btreKJ5k5T9/6kpk9BLl2fv1Cj96WEEtq1/img.png)
해당 글은 패스트캠퍼스의 김민태의 프론트엔드 아카데미 강의를 수강한 내용을 정리한 것입니다 변수 변수는 변하는 수로 처음에 초기화 한 이후에도 값 변경 가능 상수 변하지 않는 수로 초기화된 이후에는 값 변경 불가 let x = 10; const y = 200; x =20; x =30; y = 300 // 런타임 에러 객체는? 속성 값은 상수의 범위 안에 들어가지 않음 const obj = { height :200, width : 300, }; obj.height = 300; //ok 속성은 변경가능 obj = {} //런타임 에러 변수가 좋아 상수가 좋아? 변수보다 상수를 많이 쓰는것이 좋다 why? 실제 프로그래밍을 하다보면 값 자체를 변화시킬 일이 많지는 않다. 값이 많이 변한다는 것은 불안정하다라는..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/Cze4o/btrdI8ZRd9o/ycJkOoFobFU4jDtEcyHnvK/img.png)
해당 글은 패스트캠퍼스의 김민태의 프론트엔드 아카데미 강의를 수강한 내용을 정리한 것입니다. 식별자 MDN에서 정의하는 식별자란? 식별자 - 용어 사전 | MDN 식별자 규칙 숫자로 시작할 수 없고, 공백을 포함할수 없다 데이터는 식별자화 될 수 있다. let age = 10; function setAge(){ } const obj = { age : 10; //속성도 식별자이다. ['123my name'] : '김' // 데이터는 식별자화 할 수 있다. } obj.age //10 obj.['123my name'] //'김' 식별자 관습 상수인 경우는 대문자로 작성합니다. 단어와 단어의 구분하는 방법은 카멜케이스를 사용한다. Value 값 자바스크립트 기본자료형 Boolean - true, false Nu..