JavaScript12 Javascript의 "this" javascript에서 가장 헷갈리는 부분 중 하나인 "this" 에 대해서 정리해보겠습니다. TL;DR 일반 함수 선언/표현식 객체의 프로퍼티인 함수에서 this는 자신을 호출한 객체가 된다. 일반 함수에서 this는 전역 객체가 된다. (strict mode에서는 undefined 가 된다.) 브라우저 환경에서 전역 객체는 Window 객체이며 node 환경에서 전역 객체는 global 객체이다. 화살표 함수 함수가 생성된 scope의 this를 물려받는다. 브라우저 환경에서 전역 스코프의 this는 Window 객체이며 node 환경에서 전역 스코프의 this는 module.exports 객체이다. this의 정체 this는 일반적으로 객체의 프로퍼티인 함수에서 사용될 때 의미가 있습니다. 객체의 .. 2021. 1. 21. React는 무엇이고 왜 사용하는가? 올해 3월에 웹 백엔드 엔지니어로 스타트업에 입사해서 어느덧 입사 3개월 차에 접어들었습니다. 백엔드 엔지니어로 입사했지만 어쩌다 보니 풀스택으로 일하고 있는데 3개월 동안 가장 많은 시간을 투자해서 공부한 react에 대해서 적어보며 지금까지 공부한 내용들을 정리해보려고 합니다. 입사했을 당시 react를 사용해 본 적이 없어서 처음 접했을 때 너무 낯설고 잘 이해가 되지 않았었습니다. 그래서 그 때 당시를 떠올리며 react에 대해서 잘 모르는 죠니에게 설명한다는 느낌으로 처음부터 하나씩 하나씩 적어보겠습니다. 먼저 react는 무엇인가? react 공식 홈페이지(https://ko.reactjs.org/) 에 가보니 react를 이렇게 설명합니다. 사용자 인터페이스 즉, UI를 만들기 위한 java.. 2020. 6. 28. 클로저(closure)와 즉시실행함수(IIFE) Node.js를 이용해 웹사이트를 만들어보긴 했지만 자바스크립트에 대해 제대로 알고있지 않은 것 같아 최근에 O'REILLY에서 나온 '러닝 자바스크립트' 책을 보면서 공부를 시작했습니다. 클로저라는 말에 대해서 들어본 적은 있었지만 무슨 개념인 알지 못하고 있었습니다. 이번엔 제대로 알게 된 클로저와 재미있는 함수인 즉시실행함수에 대해서 정리해보려고 합니다. Javascript의 정적 스코프 먼저 javascript의 스코프에 대해서 알 필요가 있습니다. javascript의 스코프는 정적 스코프를 따릅니다. 정적 스코프를 영어로 하면 lexical scope입니다. 즉, 프로그램이 실행되기 전에 코드상태에서 스코프가 정해지기 때문에 함수 선언 시에 함수의 스코프가 정해진다는 뜻입니다. 글로 풀어쓰면 .. 2020. 1. 26. Express로 만든 웹 사이트 heroku에 올리기 학교 졸업 프로젝트로 만들었던 웹 애플리케이션을 heroku 서버에 올려 배포한 과정을 적어보려고 합니다. 먼저, 제가 만든 웹 애플리케이션은 express(node.js)와 mysql로 만든 단순한 형태의 웹사이트입니다. heroku는 다양한 언어로 작성된 웹 애플리케이션을 배포할 수 있도록 서버를 제공해주는 웹호스팅 서비스입니다. heroku를 이용하기 위해서는 우선 회원가입을 하고 create new app을 클릭해 heroku 계정 상의 웹 애플리케이션이 저장될 공간을 생성합니다. 생성을 완료했으면 cmd 창에서 heroku 명령어를 사용할 수 있도록 heroku cli를 다운로드하고 안내되어 있는 대로 그대로 따라 하면 됩니다. 밑줄 친 부분에는 방금 전에 생성한 App name이 들어갑니다. .. 2019. 8. 18. 이전 1 2 3 다음
