저희의 두번째 스터디 내용은 실행 컨텍스트 였어요! 이름만 듣고는 뭔지 전혀 감도 안잡혔는데 이번 스터디를 통해서 실행 컨텍스트에 관한 다양한 개념들을 알게 되었답니다 : ) 개발자스럽게 말 할 수 있는 단어가 또 하나 늘었네요 😎😎 실행 컨텍스트란? 실행 컨텍스트 : 실행할 코드에 제공할 환경 정보들을 모아놓은 객체 실행 컨텍스트는 자바스크립트의 동적 언어로서의 성격을 가장 잘 파악할 수 있는 개념입니다. 자바스크립트는 어떤 실행 컨텍스트가 활성화 되는 시점에 선언된 변수를 위로 끌어올리고(hoisting), 외부 환경 정보를 구성하고(VariableEnvironment), this 값을 설정하는 등의 동작을 수행함으로써 다른 언어에서는 발견 할 수 없는 특이한 현상들이 발생합니다. 이러한 실행 컨텍스..
자바스크립트의 자료형이라는건 많이 들어봤는데 데이터 타입이라고 하니까 못알아 들었던 저같은 분들이 또 계실까요..? 자바스크립트의 데이터 타입 = 자바스크립트의 자료형 두개는 서로 같은 말이었습니다👏🏻👏🏻👏🏻 이렇게 자바스크립트를 주언어로 사용하고 있으면서도 얕게만 알고 있는거같아 심도있게 공부해야 할 필요성을 연차가 어느정도 쌓이기 시작하니 느끼게 됐어요 ㅎㅎ 마침 팀원들중에 저와 뜻이 같은 분들이 계셔 함께 자바스크립트 스터디를 꾸리게 되었어요 ! 지금부터 차근차근 함께 스터디했던 내용을 공유하도록 할게요 : ) 데이터 타입의 종류 원시타입 : 값이 담긴주소값을 바로 복제 Boolean Null Undefined 숫자 (Number) 문자열 (String) Symbol (ES6에서 추가됨) 참조타입 ..
앞으로 새롭게 시작할 프로젝트들에서 사용하게 될 타입스크립트를 정리하며 공부하고자해요! 배울게 너무 넘치고 넘쳐서 뭐부터 해야할지 모르겠다는 생각에 혼란스러웠는데, 그 시작을 타입스크립트로 정했어요 : ) 그럼 먼저 타입스크립트의 정의부터 알아볼까요? 타입스크립트란? 타입스크립트(TypeScript)는 자바스크립트의 Superset(상위 호환)인 오픈소스 프로그래밍 언어입니다. 마이크로소프트에서 개발, 유지하고 있으며 엄격한 문법을 지원하며 클라이언트 사이드와 서버 사이드를 위한 개발에 사용할 수 있습니다. 타입스크립트는 자바스크립트 엔진을 사용하면서 커다란 애플리케이션을 개발할 수 있게 설계된 언어입니다.자바스크립트의 Superset이기 때문에 자바스크립트로 작성된 프로그램이 타입스크립트 프로그램으로도..
Nuxt.js를 이용해 주로 싱글페이지 웹 (Single Page Applications) 을 개발하다보면 서버쪽에서 api를 호출해 정보를 넘겨받거나 넘겨줄 일이 있는데 그럴때마다 너무 두렵고,, 어렵고,, 그냥 서버, API라고 하는 단어만 들으면 겁부터 나는듯하다 @_@ 그래도 일단 배운건 아는데로 정리를 해두는게 좋을듯하여 정리하쟈 정리!! express라는 NodeJS 웹 애플리케이션 프레임워크를 통해 클라이언트 요청에 응답할 수 있는 함수를 구현할 수 있다. const express = require('express'); const app = express(); 라고 선언해주면 app은 express의 인스턴스가 된다. app.get( "/test", ( request, response )=>..
화면에 출력된 HTML 테이블을 엑셀로 export시킬 수 있도록 해달라는 요청사항을 받고 개발을 하던중 마주한 버그에 대해서 정리를 해보려고 해요. 저는 이런 버그가 있는줄 확인 못했는데 사실 오픈하고 나서 버그수정요청이 들어와 알게 되었네용 X( 조회 기간을 선택 후 ' 엑셀로 내보내기 ' 버튼을 누르면 테이블이 CSV파일로 다운로드 되도록 구현했던 로직이에요 ! 'click .excel-export-btn' : function(e,t) { t.list = [{...},{...},{...}...{...},{...},{...}]; let gridData = []; let initialValue = 0; (function() { for(let i=0; i