본문 바로가기

자바스크립트10

JSON 꼭 자바가 아니더라도 웹 서버 개발자로 면접에 가게 되면 꽤 자주 듣는 질문 중 하나가 JSON을 다룰 때 어떤 라이브러리를 사용했는가 였습니다. API를 다루는 백엔드 개발자라면 서버에서 클라이언트로 데이터를 전송하는 경우 JSON을 일반적으로 사용한다고 알고 있습니다. 하지만 저는 당시 지식이 별로 없었던 관계로 @RestController에서 자동으로 JSON으로 변환하여 반환하여 내부적으로 어떤 라이브러리를 사용하는지는 모르겠다고 답하였고 떨어졌던 기억이 있습니다. 늦었지만 지금이라도 JSON에 대해 정리하며 공부해볼까 합니다. 우선 부족하더라도 적어놓고 보완해나갈 예정이니, 내용 중 틀린 부분이나 첨언할 내용이 있다면 댓글 달아주시면 감사하겠습니다. JSON이란 클라이언트에서의 사용법 서버에서의.. 2021. 1. 31.
번역] 11가지 까다로운 자바스크립트 질문 이 글은 다음 글(11 Tricky JavaScript Questions)을 번역, 요약한 글입니다. 자바스크립트 초보자로 공부 목적으로 적은 글이라 작성 중이고 추가해나갈 예정입니다. 틀린 부분이 있을 수 있는데, 댓글로 피드백 주시면 감사하겠습니다. 목차는 아래와 같고, 스스로 생각하기에 흔히 알려진 예의 경우 코드와 출력 결과만 남깁니다. 1. The importance of the scope of the variables 2. The 'new' keyword 3. JavaScript Coercion 4. Template literals 5. Rest parameter 6. Multiple 'var' variables 7. Continue Statement 8. Array assignment 9. .. 2021. 1. 23.
var과 let의 차이점 이전에 함수에 대해 게시글을 적으며 적었지만, 조금 더 범위를 좁혀 ES6[1]에서 추가된 let, const 그 중 let과 var의 차이점[2]에 대해 글을 써보려고 합니다. 자바스크립트의 기초라면 기초랄 수 있지만, 자바를 처음으로 배웠고 익숙치 않아서 그런지 자주 까먹어 글로 남겨놓는 것이니 수정할 부분이 있다면 댓글로 남겨주세요. 감사합니다. _____ var funcs = []; for (var i = 0; i < 3; i++) { funcs[i] = function() { console.log("My value: " + i); }; } for (var j = 0; j < 3; j++) { funcs[j](); } // My value: 3 // My value: 3 // My value: 3.. 2021. 1. 2.
비동기 처리 자바스크립트는 그 자체로는 동기적인 언어[1]입니다. 하지만 많은 사람들이 자바스크립트를 자바 등과 다르게 비동기적인 언어라고 알고 있습니다. 바로 다음과 같은 예 때문입니다. setTimeout(() => console.log("Horse A"), 0); console.log("Horse B"); 위 코드의 실행 결과는 위에서부터 순서대로 찍히지 않고 Horse B가 먼저 찍힙니다. 이처럼 자바스크립트가 특정 환경에서 실행할 때, 다시 말해 서버와의 네트워크 통신이나 setTimeout 함수와 같은 웹 API[2]를 사용할 경우 비동기적으로 동작합니다. 이 글에서는 자바스크립트가 다양한 환경에서 비동기 처리를 어떤 식으로 해왔는지에 대해 적어보고자 합니다. 공부 목적으로 적은 글이니 틀린 부분이나 피드.. 2020. 12. 27.