# 공부 자료들/JavaScript 검색 결과
9 개의 검색 결과가 있습니다.
# 공부 자료들/JavaScript

[JS] 옵셔널 체이닝 : Optional Chaining(?.)

이번 포스팅에서는 삼항연산자와 조금은 헷갈릴 수 있는 Optional Chaining 연산자에 대해서 알아보도록 하겠습니다. 목차 0. 그게 뭔데? Optional Chaining, 말 그대로 선택적으로 체이닝 하는 것을 뜻합니다. 이것만 듣고는 아직 잘 모르시겠죠..?! 우리가 일반적으로 자바스크립트에서 chaining을 사용해야 할 때는 .을 많이 사용해왔습니다. 하지만 만약 중간에 TypeError가 발생하게 된다면 어떨까요? 에러가 발생하면서 정상적으로 프로그램이 동작하지 않겠죠? 0.0. .의 문제점 기존 방법인 .을 사용한 예시 하나를 보겠습니다. user 객체를 하나 만들고, 그 내부에 있는 요소들에 접근하기 위해서 .을 이용한 체이닝 방식으로 접근했습니다. 그런데 만약 잘못된 곳으로 이동하..

2021. 10. 11. 04:47
# 공부 자료들/JavaScript

[JS] 너무나도 간과하기 쉬운 var와 let의 차이점

오늘(엄밀히 말하면 어제) 2차 화이자 백신을 접종한 탓으로 인해 글이 다소 횡설수설할 수 있습니다. 머리에서 열이 좀 나는 것을 보면 몸이 건강해지려고 열일하고 있나 봅니다!! 학습을 하던 중 굉장히 신기한 내용을 발견했습니다. 아래 사진에서 i의 스코프를 var로 했을 때와 let으로 했을 때 동작의 차이가 난다는 것이었습니다. 저는 믿을 수 없었기 때문에 바로 콘솔창에 적어보았고, 정말 신기하게도 다른 결과가 나왔습니다. 기존에는 var의 모든 기능을 let이 흡수하고, const는 변하지 않는 케이스에 적용하면 되겠지라는 다소 위험한 생각을 갖고 JS를 사용해왔습니다. 그러다보니 var와 let의 차이점을 제대로 모른 채로 let을 함부로 사용하고 있었던 것이죠. 그렇다면 무엇 때문에 이런 차이가..

2021. 9. 29. 04:50
# 공부 자료들/JavaScript

[JS] npm start와 npm run dev의 차이

node를 이용한 프로젝트를 진행하면서, 2개의 프로젝트를 실행할 때 각각 npm start와 npm run dev 명령어를 사용해야 했습니다. 처음에는 왜 이렇게 다른 명령어를 쓸 까 궁금해했는데, 알고 보니 별로 어려운 부분이 아니더라구요. 목차 0. npm script 이해 우리가 start, run dev와 같은 npm 명령어들을 사용하는데, 이 명령어들이 이유 없이 동작하는 것은 아니겠죠? 이렇게 다양한 명령어를 사용해서 프로젝트를 동작시킬 수 있는 이유는 분명 어딘가에 그 명령어들이 등록이 되어있기 때문입니다. node를 이용하여 프로젝트를 진행하다보면 거의 반드시 생성해야 하는 파일이 있는데, 바로 package.json입니다. 흔히 npm init -y를 통해 생성하는 그것이죠. 이 곳에 ..

2021. 8. 29. 23:59