😎 환경 설정은 중요합니다. 근데 라이브러리를 너무 많이 쓰다보니 처음 환경을 세팅할 때 설치할거나 설정해줘야할 게 너무 많아요 😎 루트 폴더에 .prettierrc파일 생성하기 { "singleQuote": true, "useTabs": false, "trailingComma": "all", "semi": true, "printWidth": 80, "tabWidth": 2 } .prettierrc는 프리티어가 어떻게 동작할지를 지정해주는 역할을 수행합니다. .prettierrc가 있는 폴더는 전역 프리티어 확장보다 우선되어 설정이 적용되는 특징이 있습니다. 쾌적한 개발을 위해서 자동으로 예쁘게 코드를 정렬해주는 프리티어는 작업 생산성을 크게 상승시켜줍니다. 제가 사용하는 prettierrc 설정은 다음..
😎 프로토타입은 강력하다. https://xionwcfm.tistory.com/134 요약 정리는 못 참지 않을까요? (5) 프로토타입 ⚡객체지향 프로그래밍에서 객체는 뭐라고 생각하세요? 객체지향 프로그래밍에서 객체는 상태 데이터와 동작을 하나의 논리적인 단위로 묶은 복합적인 자료구조라고 생각합니다. 객체의 상태 xionwcfm.tistory.com 예전에 이미 프로토타입을 한번 정리해두었지만.. 거의 까맣게 기억이 리셋되었기도 하고 제대로 이해하지 못한 상태에서 그렇구나..하면서 옮겨 적은 내용이 대부분이었습니다. 따라서 이전 클로저와 마찬가지로 프로토타입이 무엇인가라는 질문을 받았을 때 당황하지 않는 사람이 되는 방법을 적어보고자 합니다. 프로토타입은 말그대로의 의미를 가지는데 위키백과에서는 원래의 ..
😎V8엔진은 어떻게.. https://evan-moon.github.io/2019/06/28/v8-analysis/ V8 엔진은 어떻게 내 코드를 실행하는 걸까? 이번 포스팅에서는 구글의 V8 엔진이 어떤 방식으로 자바스크립트를 해석하고 실행하는지 살펴 보는지에 대해 포스팅하려고 한다. 은 로 작성되었지만 필자의 메인 언어가 이 아니기도 하고, 워 evan-moon.github.io 똑똑한 분의 포스팅을 읽고 대체 자바스크립트 코드는 어떻게 실행될 수 있는지가 너무 궁금해졌습니다. 물론 대부분의 이유는 저 포스트에서 잘 설명해주시고 있어서 저는 열심히 이해만 하면 되었습니다만.. 역시 이해하는 것도 쉽지가 않네요 😎 간단하게 갑시다 간단하게 1. 자바스크립트 코드는 v8엔진에 의해 추상구문트리(AST)로..
😎 자바스크립트에는 모듈이 있습니다. 그리고 모듈은 마치 아무것도 모르는 나도 개고수가 된 것 같은 기분을 느끼게 해주죠! 리액트의 hooks를 불러올때도 모듈 문법을 사용하고 리액트에서 완성한 컴포넌트를 내보내기해서 상위 컴포넌트에서 사용하기도하고.. 또 애초에 리액트를 import해오기도하고... express() 서버를 사용하기도하고.. 모듈없으면 코드 어케 짜냐? 😎 허접인 나도 로컬환경에선 모듈메이커? 모듈을 만들고 내보내는 방법은 꽤나 다양하다. 하지만 방법이 다양한거지 쓰는게 어렵다곤 하지 않았다. 정말 간단한 문법 하나만으로도 내가 원하는 코드를 export할 수 있고 또 그 코드를 import해올 수 있다. 이번엔 그 방법에 대해서 다뤄보고자 합니다. 😎그전에 모듈은 뭘까요 모던 자바스크..
😎어제는 계산기를 만들었는데.. 이미 어느정도 구조가 짜여있는 자바스크립트 코드를 건드리는건 처음이었다. 그리고.. 내가 처음부터 설계하면서 짜는거보다 이미 짜여있는걸 건드리는게 훨씬 어렵더라 괜히 취업하면 하루종일 코드만 보게한다는게 아니구나 머리로는 어떻게 돌아가는지 이해가 되는데 정확히 이 변수는 어떤 역할을 하는지 이 변수는 뭔지에 대해서 감이 안잡히니까 네이밍 컨벤션이 협업을 할 때엔 많이 중요하겠구나.란 생각이 들었음 그냥 처음부터 짜고 싶었으나.. 기능테스트를 하는 부분이 있고 그게 함수명, 변수명, html 클래스명 등을 기반으로 평가하길래 엄.. 그냥 건드리지말자! 라는 결론에 도달했다. 그런데 또 다른 사람이 짠 코드를 보다보니 나는 상상 못한 방법도 하나 배우게 되었다. if (act..
😎 클로저... 그기.. 돈이 됩니까? 실은 이 글을 작성하게 된 이유 중 가장 큰 이유는 난 클로저에 대해 꽤 이해를 잘 하고 있다고 생각했지만 막상 누군가가 "클로저가 뭐야??" 라고 물어보면 😅😅😅엄... 잠시만.. 기다려봐... (내 블로그에서 클로저를 황급히 검색) 엄.. 그러니까.. 클로저라는건 엄밀히 말하면 모든 함수는 클로저이긴 한데... 가 되어버리는 걸 몇번 겪어봤기 때문이다. 그래서 오늘은 누군가가 당신에게 "혹시.. 클로저가 뭡니까?" 라고 물어보는 아주 흔하고 일상적인 일이 발생했을때 당황하지 않고 쉽게 답변하는 사람이 되는 방법에 대하여 이야기를 해보겠다. 최대한 크로스체킹을 통해 틀린 내용 없이 작성하도록 노력은 하겠지만 솔직히 말해서 나의 자바스크립트 이해도는 추상적인 개념의..
😎시작하기전에 여담 오늘은 하루 종일 코플릿 문제를 푸는 시간이었읍니다. 전체적으로 쉽게 풀 수 있는 문제들로 구성되어 있어서 풀고나서 페어분과 다양한 자료구조,알고리즘에 대해 이야기 하는 시간을 가졌는데 잘 알고 있는 자료구조는 알기 쉽게 설명해줄 수 있지만 내가 잘 모르는 부분에 대해 이야기할 때는 설명이 장황해지고 나도 내가 뭔 소릴 하는건지 잘 모르겠는 상태에 놓임 그리고 말을 너무 많이 하다보니까 점점 목소리가 맛이 가기 시작함 아니 교수님들은 도대체 어떻게 하루 종일을 떠드는거죠? 반나절만 떠들어도 목이 못버티는데요..? 😎 에라토스테네스의 체 https://school.programmers.co.kr/learn/courses/30/lessons/12921 프로그래머스 코드 중심의 개발자 채용..
😎단축평가.. 정확히 뭐였지 true || anything // true false || anything // anything true && anything // anything false && anything // false 어제 페어분께 단축 평가에 대해 설명을 했는데 말을 하면 할 수록 뭔가.. 뭔가였다. 대충 내 인식으로는 ||연산자는 좌항이 false일때 우항 반환 &&연산자는 좌항이 true일때 우항 반환 평가는 좌항 -> 우항 순으로 진행한다. 정도였는데 뭔가..뭔가 동작이 내 생각이랑 달랐다. ||연산자는 너무 익숙하게 사용하지만 &&연산자는 잘 사용하지 않아서그런지 뇌절이 와버림 그냥 외우는게 나을듯 ㄹㅇㅋㅋ 😎 자바스크립트의 배열은 사실 배열이 아니다. 이미 딥다이브에서 본 내용이지만..
