프로그래밍

정리노트: 클로져(Closure)랑 놀기

자바스크립트의 기본부터 천천히 공부하고 있다. 공부한 내용을 나만의 방식대로 정리해두어야 나중에 까먹어도 쉽게 다시 이해할 수 있을 것 같아 정리했다... 로 시작했지만, 사실 이번 글은 나 혼자 클로저를 이렇게 저렇게 따라해보며 이해해가는 글에 가깝다. 어떤 개념을 배울때 나에게 가장 중요한건 나의 언어로 정리하는게 가장 중요하다. 내가 클로져를 한 마디로 정의하자면 '생성시점을 기억하는 폐쇄공간'으로 정의 할 것 같다. 클로져를 공부하다보면 스코프(Scope), 스코프 체인(Scope Chain), 실행컨텍스트(Execution Context), 어휘적 환경(Lexical Environment) 등 부수적으로 공부해야할 말들이 굉장히 많이 나온다. 때문에 클로져에 대한 정리를 하려다가 부수적인 공부도..

정리노트: Javascript에서 this란 무엇일까?

자바스크립트의 기본부터 천천히 공부하고 있다. 공부한 내용을 나만의 방식대로 정리해두어야 나중에 까먹어도 쉽게 다시 이해할 수 있을 것 같아 정리했다. 해당 유튜브를 보고 따라하며 작성하였다. 핵심1. this는 '자신이 속한 객체를 가리키는 변수' 이다. 핵심2. this는 자신을 '호출'하는 방법에 따라 다른 값을 가리킨다. var someone = { name: 'KMS', someFunction: function() { console.log(this); } } 위와 같은 객체를 하나 만들어, 여러 케이스를 접해보며 this를 알아가보려한다. someone이라는 객체는 someFunction이라는 속성을 가지고 있으며, 이 속성엔 this를 콘솔에 찍는 함수가 담겨있다. // case 1 someo..

MAC에서 AWS EC2 인스턴스에 편하게 SSH 접속하기

맥 왜 사냐? 윈도우 사지 난 터미널 쓰려고 샀다 윈도우도 있는데 맥 왜 사냐? 윈도우 사지 인정합니다 맥은 기본 터미널이 참 잘 되어있다. 그래서 윈도우에서는 주로 putty 같은 프로그램을 통해서 AWS EC2 인스턴스에 접속했었는데 맥은 기본 터미널로도 편하게(거짓) 접속할 수 있다. EC2 기본 가이드에는 이런 식으로 설명이 되어있다. 저걸 매번 치고 들어가라니... 게다가 외울 수 없는 문자들로 이루어져있다. 그래서 이 글은 편하고 쉽게 접속하기 (= 한번만 귀찮기) 방법을 적어보도록 하겠다. 내가 까먹을 까봐... 우선, 준비물은 인스턴스를 시작할 때 사용했던 키 (pem 파일)이 필요하다. 해당 pem 키를 캡쳐처럼 ~/.ssh/에 위치하게 한다. (선택사항. 위치만 기억해두면 된다.) *아..

MySQL(MariaDB)에서 대소문자를 구분하는 방법

아직 전부 다 포스팅하진 못했지만, 나름 만들던 프로젝트가 형태를 갖추게 되었다. 그래서 AWS에 올려져있는 상태인데 DB 또한 AWS 쪽에도 구축을 해주었다. 현재는 이런 식으로 구축이 되어있다. 아무튼, 운영쪽에 DB를 만들었을 때 똑같은 쿼리를 이용해 만들었는데도 'Table ~~~ doesn't exist' 라는 에러문구가 떴다. 테이블을 찾을 수 없다고... 물론 한번 더 검색해보고 무슨 문젠지 바로 알아내긴 했지만...난 설정을 바꾼 적도 없는데? 원인은 대소문자를 구별하느냐, 안하느냐의 차이였다. 위 캡쳐는 내 로컬(Window) 환경에서 조회를 한 것인데 대소문자 상관없이 잘 조회가 된다. 띠용~AWS 쪽 테이블을 내가 대문자로 생성하긴 했지만... 난 대소문자 구분이 안될 줄 알았지? 그..

노션 페이지를 React로 웹에 띄워보자 (react-notion)

코로나로 인해 언택트 바람이 부는 이 시기... 의도치않게 여러 기업들이 최신기술을 도입하는 경우가 생기고 있다. 화상회의 도구 Zoom을 포함해 여러 회사의 협업도구들이 사용되고 있다. 사실 노션 그 자체는 협업을 위한 도구라고 한정짓기보다는 그들이 소개하고 있는대로 '올인원 워크스페이스'라고 설명할 수 있는데... 기업이나 개인이나 자신들의 정보를 다양하게 정리할 수 있는 좋은 수단으로 각광받고 있다. 아무튼, 오늘 포스팅해볼 내용은 이러한 노션들을 웹 상에 공개하는 방법에 대한 이야기이다. + 다 쓰고 나니까 글이 길어졌는데 사실 사진이 많아서 긴거지 내용은 별로 없다. 아 쉽다쉬워 첫번째 방법 노션을 웹으로 가져오는 첫번째 방법은 '노션 공개페이지 사용' 이다. 노션에서 글을 하나 작성하고 오른쪽..