반응형

Studying/JavaScript & Frameworks 18

[똥쌀 때 보는 자바스크립트 개념] arguments 프로퍼티

console.log("Sup, lads!"); 최근 들어 다른 일에 열정을 쏟아 붓느라 테크에 관련 된 포스트를 올리지 않은지 한참 되었네요. 그래도 나름 지속적으로 공부는 하고 있었습니다. 그러던 와중, 간단하지만 찍먹 해 보면 좋을 것 같은 개념이 있어서 이렇게 부랴부랴 포스트를 준비하게 되었습니다. 새로운 컨셉으로 돌아온, 일명 '똥쌀 때 보는 자바스크립트 개념' (똥보자). 3분 내에 위로는 넣고 아래로는 내보내는, 그런 유익한 포스팅을 할 수 있도록 열심히 노력 해 보겠습니다. 많관부~ arguments 프로퍼티란? arguments 는 함수 호출 시 전달 된 인수들의 정보를 담고 있으며, 배열처럼 루프를 돌리는 것 (iteration) 이 가능한 객체입니다. 이것은 함수 내부에서 선언 된 지..

[자바스크립트 떠먹여 주는 남자] var, let, 그리고 const 키워드 (1)

안녕하세요! 이번 포스트에서는 JavaScript & Node.js 에서 변수 선언 시에 사용되는 var, let, 그리고 const 키워드들에 대하여 알아보도록 하겠습니다. 우리는 이미 var 키워드를 사용하여 변수를 선언할 수 있다는 것을 알고 있습니다 (모르셨다면 이제 아신 겁니다). 그렇다면, 그렇게 천재적인 사람들이 어찌하여 let 가 const 키워드를 추가하게 된 것일까요? 지금 이 순간, 그것에 대하여 낱낱이 파헤쳐 보도록 하겠습니다. Image Ref: Medium var 키워드 var 키워드는 ES6 (ECMAScript 6) 가 도입 되기 전에 JS 에서 변수를 선언하기 위하여 사용 되던 키워드 입니다. 물론 지금도 존재하고 아직도 많은 분들이 사용하고 계시죠. 이번 포스트는 자바스크..

[자바스크립트 떠먹여 주는 남자] 스코프 (Scope)

안녕하세요! 최근 며칠 동안 알고리즘과 영어 공부에 관련된 포스트를 집중적으로 올리느라 개발과 관련 된 포스트는 하나도 올리지 않았네요. 하지만 책으로 계속 공부를 하고 있었기 때문에 마냥 쉬고 있었던 것만은 아닙니다. 이번 포스트에서는 자바스크립트의 스코프 개념에 대하여 알아볼 텐데요. 중요한 개념이므로 같이 열심히 공부했으면 좋겠습니다! 그럼 스코프 (Scope) 먼저, 스코프의 정의에 대하여 알아보도록 하겠습니다. 스코프는 '범위' 라는 뜻을 가지고 있는 영어 단어이며 개발에도 많이 사용되는 용어입니다. 한가지 예를 들자면, 만약 A, B, C 업무를 이번 스프린트에서 끝내기로 했는데 나중에 D 가 추가 되었다고 가정합시다. 하지만 어떠한 사정 (인력 혹은 시간 부족) 으로 인하여 D 업무를 처리할..

[Node.js 떠먹여 주는 남자] Promises vs. async/await in Node.js (1)

안녕하세요! 오늘은 JS 혹은 Node.js 개발자 분들이시라면 한번쯤은 꼭 써보셨을 거라고 생각 되는 Promise 와 async/await 에 관하여 알아보려고 합니다. 우리가 Promise 혹은 async/await 을 쓰는 이유는, 코드가 동시에 처리되지 않고, 위의 결과값을 이용하여 그 다음 코드를 실행시키게 하기 위함입니다. JavaScript 와 Node.js 는 비동기식 코드를 처리하기 위하여 callbacks, Promises, 그리고 async/await 을 사용합니다. 그렇다면, 도대체 왜 Promise 가 이미 존재함에도 async/await 이 개발된 것일까요? 지금부터 한번 알아보도록 하겠습니다. Promise Node.js 에서 Promise 는 위에서 언급되었듯이, 어떠한 일..

[자바스크립트 떠먹여 주는 남자] Normal Function vs. Arrow Function

안녕하세요! 밀렸던 포스트 쓰느라 바쁜 AllenC 입니다. 한동안 사정상 블로그를 좀 미뤄뒀는데요, 이제 다시 열정을 불태워 보도록 하겠습니다! 이번 포스트에서 다뤄 볼 내용은, JS 개발 시 매우 자주 사용하는 함수입니다. 처음 JS 로 개발을 시작했을 당시에 화살표 함수는 뭔지 몰라 사용하지 않았었는데요, 어느 순간부터 그냥 일반 함수처럼 사용할 수 있구나 라고 생각하게 되어 그 후부터는 대부분을 화살표 함수로 사용했습니다. 하지만 최근 궁금증이 생겨 검색을 해 보았는데요, 생각보다 많은 차이점이 있는 것을 알게 되어 공유하고자 이렇게 글을 작성하게 되었습니다. 그럼 출발 해 보도록 하겠습니다. 열정 열정 열정 🔥🔥🔥🔥 Syntax 당연한 얘기일 수 있겠지만, 일반 함수와 화살표 함수는 정의하는 방..

[자바스크립트 떠먹여 주는 남자] JavaScript, ECMAScript, 그리고 VanillaJS

안녕하세요! .... 블로그 드래프트가 저장이 안되어있어 다 날아가 버렸습니다.... 하지만 오늘 내용은 길지 않기 때문에 다시 한번 해보도록 하겠습니다 흑.. 정말 오랜만에 돌아왔습니다. 아마 1주일이 넘은 거 같은데, 그동안 면접 준비도 지속적으로 하고 이번 기회에 자바스크립트의 기본 개념에 대해서 더 심도 있게 공부해 보고자 책을 한 권 구입해서 읽고 있습니다. 정말 몰랐던 부분도 많고 양도 방대하기에 시간이 꽤 걸릴 것 같습니다. 조만간 책에 대한 내용도 포스팅 할 예정이니 많관부~ 오늘 주제는 JS, ECMAScript, 그리고 VanillaJS 에 관하여 알아볼 건데요, 저도 많이 들어는 봤지만 정작 저게 뭔지 알아봐야겠다는 생각은 하지 않았었습니다. 지난 날의 저를 반성하며 이제부터는 모르는..

[자바스크립트 떠먹여 주는 남자] Function 과 Method 의 차이점

안녕하세요! 이번 포스트에서는 정말 짧고 간결하게 JS 에서 아주 아주 많이 쓰이는 Function 과 Method 의 차이점에 대하여 찍먹 해 보도록 하겠습니다. Function (함수) function testFunction(parameterA, parameterB) { console.log(`${parameterA} ${parameterB}`); } const argumentA = "stringArg", argumentB = 1; testFunction(argumentA, argumentB); 함수는 독립적으로 존재하며 호출 시 함수 이름을 쓰고 함수에 매개변수가 존재할 시 인자값을 보내주는 형태입니다. Method (??) const obj = { testMethod: function(parame..

[자바스크립트 떠먹여 주는 남자] this 키워드

안녕하세요. 원래 계획은 바로 call, apply, bind 두번째 편으로 넘어가는 것이었으니, 공부를 이어가던 중 꼭 찍먹 해보고 넘어가야 할 부분이 있는 것 같아 부득이하게 스페셜편을 마련하도록 하였습니다. 그것은 바로 자바스크립트에서 흔히 볼 수 있는 this 키워드인데요, 거두절미하고 바로 넘어가도록.... 하기 전에! 만약 call, apply, bind 찍먹편을 확인하지 않으신 분들이 계시다면 찍먹편을 먼저 보고 오시는 것을 추천 드립니다. 꼭 제 포스트를 보지 않으셔도 관계는 없지만 이 포스트 역시 그 연장선이기 때문에 연관성을 고려해 보았을 때 제 포스트를 보시는 것이 좋을 수도 있겠네요 ㅎㅎ.. 2022.03.22 - [Studying/Development General] - [개발상식..

[자바스크립트 떠먹여 주는 남자] Call, Apply, 그리고 Bind (2)

안녕하세요. 원래는 지난 포스트에서 바로 이번 주제를 마무리 지으려고 했으나, 공부를 하는 와중에 this 키워드에 대하여 짚고 넘어가는 것이 좋을 것으로 판단되어 살짝 샛길로 돌았습니다. 하지만 this 는 JS 개발자라면 꼭 알아야 할 필수 개념이기에 꼭 확인해 보시기를 추천 드립니다. 그런 의미에서 2022.03.22 - [Studying/Development General] - [개발상식 찍먹] JavaScript - Call, Apply, 그리고 Bind (1) [개발상식 찍먹] JavaScript - Call, Apply, 그리고 Bind (1) 안녕하세요. 오늘은 제가 면접 인터뷰에서 받은 질문 중 하나인 Call, Apply, 그리고 Bind 에 대하여 알아보도록 하겠습니다. 창피하게도 개..

[자바스크립트 떠먹여 주는 남자] Call, Apply, 그리고 Bind (1)

안녕하세요. 오늘은 제가 면접 인터뷰에서 받은 질문 중 하나인 Call, Apply, 그리고 Bind 에 대하여 알아보도록 하겠습니다. 창피하게도 개발 경력 만 3년에 가까움에도 불구하고, 인터뷰 질문을 받았을 때 적지 아니 당황했었습니다. 한번도 들어본 적이 없었기 때문이죠.. 물론 쓸 일이 없어서 그랬다고는 하지만, 면접관의 입장에서는 '경력직 JS 개발자라면 이 정도는 알아야 하지 않나' 라는 예상을 한다고 생각해 볼 수가 있겠죠. 그래서 최근 제 공부 목표는 '내실을 다지자' 입니다. 아직도 배워야 할 것들이 너무나 많지만, 이렇게 하나 하나씩 공부하다 보면 언젠간 당당하게 기술 면접을 통과할 수 있지 않을까 싶네요. 그럼 본격적으로 저것들이 뭔지 한번 찍먹 해보도록 하겠습니다. JavaScrip..

반응형