🚀Today I Learend Postman 에서 Cookie 설정하기

🚀Today I Learned 이제 정확히 한달이라는 시간이 남았고, 남은시간 동안 최대한 기업에 신입으로써 지원하기 위해 개발 스펙을 쌓아가야 하겠다고 한번 더 생각한다. 필요한 것과 배우고 싶은 것들의 교집합을 스터디 하는 것이 좋다고 판단하였고, 지금은 nodejs로 개발하는 거의 모든 곳에서 필요한 타입스크립트를 공부하기로 마음 먹었다. 마음 먹음과 동시에 타입스크립트 강의를 질러버렸다.. 배움에 돈을 아끼지 말자. 시간이 더 중요하다. 타입스크립트? 왜 타입스크립트를 배워야할까 자바스크립트는 프로그램이 동작할 때 타입이 결정되어 약간 위험?하다. 이에반해 타입스크립트는 타입이 정적으로 정의되어 즉각적으로 타입 에러를 받아볼 수 있다. 타입이 없다면 자유롭다고 말할 수 있지만 오히려 가독성이 떨어지고, 딱 봤을 떄 변수가 어떤 데이터를 담고있고, 함수는 어떤 인자를 받는지 명확하지 않다. 그래서 이슈가 발생하여도 타입스크립트와 비교하여 발견하기 어렵다.

String > str[0] = 'S'처럼 이미 생성된 문자열의 일부 문자를 변경해도 반영되지 않는다(이때 에러가 발생하지 않는다). 한번 생성된 문자열은 read only로서 변경할 수 없다. 이것을 변경 불가능(immutable)이라 한다. Undefined > undefined는 개발자가 의도적으로 할당한 값이 아니라 자바스크립트 엔진에 의해 초기화된 값이다. 변수를 참조했을 때 undefined가 반환된다면 참조한 변수가 선언 이후 값이 할당된 적인 없는 변수라는 것을 개발자는 간파할 수 있다. 그렇다면 개발자가 의도적으로 undefined를 할당해야하는 경우가 있을까? 자바스크립트 엔진이 변수 초기화에 사용하는 이 값을 만약 개발자가 마음대로 할당한다면 undefined의 본래의 취지와 어긋날 뿐더러 혼란을 줄 수 있으므로 권장하지 않는다. 그럼 변수의 값이 없다는 것을 명시하고 싶은 경우 어떻게 하면 좋을까? 그런 경우는 undefined를 할당하

🚀What I learend 지난 1주일간 진행했던 Mini-Project 에서 좀 더 개선할 수 있는 부분이 뭐가 있을지, 어떻게하면 좀 더 좋은 코드를 짤 수 있을지, 이번 프로젝트에서 부족했던 것이 무엇이었는지 고민했다. 고민의 결과는 Testing 이었다. 이번 프로젝트에선 내가 구현한 비지니스 로직에 대해 테스트하지 않았다. Postman을 이용하여 한 것도 테스트라면 테스트라고 생각할 수도 있지만, 내가 말하는 테스트는 Jest를 이용한 비지니스 로직 테스트다. 테스트를 하지 않는다면? 이번 Mini-Project 에서 초반에 구현한 코드와, 프로젝트를 진행하며 리펙토링하여 완성한 코드는 꽤나 달랐다. 리펙토링을 하며 이 코드가 맞는 코드인가를 검증하기 위해 많이

🚀What I learned MongoDB => MySQL, Mongoose => Sequelize 생각보다 백엔드 로직 구현이 금방 끝났다. 물론 프론트엔드와 연결할 때 문제가 발생할 것은 예상하지만 프론트엔드와의 연결은 내일 오후이다. 팀원들과 상의하여 남은 시간동안 Sequelize를 구현하는 것을 Next step 으로 잡았다. 우리 팀은 MongoDB, Mongoose를 사용하여 DB를 만들었는데, Sequelize로 DB를 변경하는 것이다. 다행히 MVC패턴을 구현하여 DB를 관리하는 Model 만 수정하면 되기에 1day 챌린지가 가능할 것이라고 생각했다. 하지만.. 역시 쉽지 않았다. 쉽게 넘어가는 법이 없지.. Error.. 단순히 DB만 바꾸는게 아니라 유저정보, 게시글 정보, 댓글 정보의 Model간 관계를 만들어야하는데 예기치 못한 에러가 발생했다. Comment & Item model 관계를 만들기위해 belongsTo 함수를 사용

🚀What I learned 🔥Mini Prject Start~! 이번주는 Mini Project를 진행한다. Frontend 3명, Backend 3명 총 6명으로 구성되었다. 확실히 1주차에 Javascript로 website 제작하는 프로젝트와는 다른 느낌이다. 각자 주특기(Front, Back)으로 나눠져 협업을 할 수 있다는 것이 매우 설렌다. 뭘 만들까? 팀원들과 논의하여 나온 결과는 친환경 제품들을 펀딩하는 펀딩사이트이다. 사이트 이름은 "에코펀딩!" 전체적인 구조는 와디즈 펀딩을 따올 예정이다. 펀딩 사이트를 제작하기로한 이유는 지금까지 스터디한 것들을 거의 다 구현할 수 있기 때문이다. 와이어프레임과 REST APIs를 작성해보니 백엔드 인원이 3명이서 2~3일 정도면 구현할 수 있을 정도로 판단이 된다. API 구현은 빠르게 진행하고 Swagger 등 다양한 외부 툴들을 사용하는 것을 목표로 하기로 했다. Backend는 당연히 Node.j

🚀What Iearned 1. 알고리즘 스터디 1주차 테스트 알고리즘 스터디 1주차 테스트를 진행했다. 문제는 프로그래머스의 "방금그곡" 이라는 제목의 문제이며, 카카오 코딩 테스트에 출제 되었던 문제이다. 이번 테스트에서 나만의 목표는 시간이 얼마나 걸리든 상관없이 직접 해결하는 것 이었고, 실제로 3시간 동안 문제를 풀었고 결국 해결했다. 시간이 많이 소요된 부분은 문제 설명에서 명시된 예외처리를 누락한 것이 원인으로 30개의 테스트 검증 중 1개 검증에서 Fail 이 발생했었다.. 알고리즘 시퀀스 자체는 금방 짰었지만 이러한 예외처리에서 상당한 시간을 소요했다. 다른 프로젝트에서도 처음 만들때부터 꼼꼼히 만드는 것이 베스트인 것 같다.. 다시한번 느꼈다. 나의 3시간..😂 **- 알고리즘 코드 링크 https://velog.io/@liam_jeon/프로그래머스-방금그곡-Javascript** 2. Github, Blog 정리 나를 표현할 수 있는

🚀What I learned 📌내 머리 속에 인터프리터, 실행컨텍스트 내가 보고있는 노드 강의 초반에 강사가 이런말을 했다. "자바스크립트는 실행컨텍스트, 이벤트루프, 프로토타입만 이해하면 된다". 이벤트 루프는 비동기 공부할 때 꽤나 자료를 찾아봐서 조금은 이해하고 있었지만 특히 실행컨텍스는 거의 이해하지 않은 상태였다. 자바스크립트 Deep Dive 책에서 한개 Chapter로 있기에 존재는 알고있었고, 한번 훑고 넘기기에는 내용이 어려웠다. 📌어떻게 공부했나 참고 : https://medium.com/@happymishra66/execution-context-in-javascript-319dd72e8e2c 이번에도 역시... 될 때 까지 했다. 유튜브, 블로그에서도 실행컨텍스트 정보가 많지 않아서 주로 해외 블로거들이 작성한 글과, 자바스크립트 책을 통해 공부했다. 간단한 코드를 작성하고 그 코드에 대한 실행컨텍스트를 직접 손 으로 그렸다

작성중

🚀What I learned 최근 내가 듣고있는 node.js 강의가 있다. 강의 초반에 강사가 자바스크립트에서는 아래 3가지는 무조건 알고 넘어와야한다고 했지만, 내가 완벽하게 이해하고 있는 것이 없더라. 실행컨텍스트, 이벤트루프, 프로토타입 이벤트루프도 처음에는 이해가지 않았지만, 이해가 될 때 까지 여러 자료들을 찾아보니 어느순간 내용이 와닿았다. 나머지 개념들도 이해 될 때 까지 계속봐야겠다. > 실행 컨텍스트 Object 생성 방법 console.dir() Obejct 생성 방법 3가지 https://poiemaweb.com/js-object 1. 객체 리터럴 **가장 일반적인 자바스크립트의 객체 생성 방식이다. 클래스 기반 객체 지향 언어와 비교할 때 매우 간편하게 객체를 생성할 수 있다. 중괄호({})를 사용하여 객체를 생성하는데 {} 내에 1개 이상의 프로퍼티를 기술하면 해당 프로퍼티가 추가된 객체를 생성할 수 있다. {

🚀What I learned 실행컨텍스트(Execution Conte) 실행 컨텍스트란 무엇인가 >- 코드를 실행하는데 필요한 환경을 제공하는 객체. 코드를 실행하는데 필요한 조건이나 상태를 모아둔 객체. 코드를 실행할 때 식별자를 더욱 효율적으로 결정하기위한 수단으로써 필요한 정보를 한곳에 모아 제공하는 객체. 실행 컨텍스트의 타입 3가지 > 1. Global execution context (GEC) 브라우저에서 파일이 처음 로드되고 JS 코드가 실행을 시작하는 defualt execution context이다. 2. Functional execution context (FEC) 함수 실행 컨텍스트는 함수 호출을 찾을 때마다 JS 엔진에 의해 생성된 컨텍스트로 정의됩니다. 각 함수는 고유한 실행 컨텍스트를 가집니다. 3. Eval Execution context inside eval function. 참고

백엔드 개발을 하면서 자바스크립트가 어떻게 동작하는지 모르고 개발을 하게된다면 Error를 해결하는 능력을 갖지 못하게 된다는 생각이 든다. 노드에서 다루는 비동기 함수들에 대해 공부하기 전에, 먼저 자바스크립트의 동작 원리부터 알아보자. 💡자바스크립트는 동기(Synchronous)인가 비동기(Asynchronous)인가? 자바스크립트는 동기식 언어인가? 그렇다. 자바스크립트는 동기식 언어이다. 동기란 한 작업이 실행되는 동안 다른 작업은 멈춘 상태로 유지하며 자신의 차례를 기다리는 것이다. 비동기란 무엇인가? 비동기란 어떠한 요청을 보내면 그 요청이 끝날 때까지 기다리는 것이 아니라, 응답에 관계없이 바로 다음 동작이 실행되는 방식이다. 자바스크립트는 동기식인데 어떻게 여러 이벤트들을 동시에 동작할 수 있는가? 바로 자바스크립트의 실행 환경, 즉 Runtime 과 관련이 있다. 브라우저에서의 자바스크립트 실행 환경(Runtime

🚀 TIL >Node.js를 배울수록 동기/비동기 특성에 대해 고민하는 횟수가 늘어나서 정리하는 시간을 가졌다. 🚀Event loop Event loop 동작원리 JS 컨퍼런스에서 발표한 내용인데 정리가 기가막히다.. 까먹으면 또 듣자 https://www.youtube.com/watch?v=8aGhZQkoFbQ MDN 동시성 모델과 이벤트 루프 https://developer.mozilla.org/ko/docs/Web/JavaScript/EventLoop Javascript는 싱글스레드의 특성을 가지고 있는가? 자바스크립트는 싱글스레드로 동작한다. 그리고 이벤트 루프에 기반하여 비동기 작업을 수행할 수 있다. 즉 이벤트 루프를 이용하여 비동기 방식을 지원한다. 어떻게 비동기 작업을 수행할 수 있을까? 사실 비동기로 수행되는 함수들은 자바스크립트 언어 자체에서 제공되는 것이 아니다. Web API는 브라우저 자체에서 지원하는 A

🚀TIL 시작 왜 TIL을 작성하려고 하는가? 항해99 라는 부트캠프를 시작하고 이제 4주차가 끝났다. 4주 동안 배운 것들을 정리하기 위해 Notion도 만들어보고 Tistory도 만들어보았지만 생각처럼 '정리'가 되지 않았다. 내가 쓴 글이 아니라 여기저기서 자료를 긁어모은 빛 조은 개살구를 만든 느낌이었다. 그렇기에 보기에만 좋은글, 누군가에게 보여줘야하는 글이 아니라 내가 정말 배운 것들, 이해한 것들을 기록하기 위해서만 남길 필요기에 TIL에 집중하려한다. TIL 작성 규칙 구체적인 학습내용 내가 새로 무엇을 배웠는지 남에게 설명해줄 수 있는 정도로 이해 하루에 하나 습관 기르기 - 의미없는 글이라도 작성해야 습관이 된다. 카테고리를 나누지 않기 이것저것 배우는 중이다. 카테고리를 나누면 작성할 것이 많아져 부담으로 돌아온다. 우선 TIL 포스트에 작성하자. **참고한 글/영상/문서를