티스토리

어제보다 한 걸음 더

검색하기

블로그 홈

어제보다 한 걸음 더

k39335.tistory.com/m

Computer Science, Develop

구독자: 2

방명록 방문하기

주요 글 목록

[공지] 새로운 블로그로 이전합니다. 그 동안 뭔가.. 취업을 하기 위해, 내가 했던 것을 나중에 보여주려고만 글을 썼다는 생각이 듭니다. 물론 블로그의 목적은 보여주기도 하고, 내가 고군분투 했던 것을 기록함으로써 노하우를 쌓는 용도도 있을 것이라고 생각합니다. 하지만 이제 와서 보니 애드센스를 달고, 단순 포스팅을 위한 포스팅... 애초에 순수한 목적을 잃은 것 같아서 저만의 도메인을 사고 새로운 블로그를 파서 시작합니다. 새로운 블로그 주소 : ChanGrea.io 새로운 곳으로 이사하지만, 몇몇 포스팅은 가져가고 이 곳은 남겨두려고 합니다. 왜냐하면 이 곳도 제가 성장하려고 노력했던 하나의 흔적이기 때문이죠.. 그럼 안녕~ 공감수 0 댓글수 0 2019. 9. 14.
[Javascript] ES6 정리 [Javascript] ES6 (ECMAScript 6) ES6에 새롭게 추가된 기능들 ES6에는 아래와 같이 새로운 기능들이 추가되었다. - arrows - classes - enhanced object literals - template strings - destructuring - default + rest + spread - let + const - iterators + for…of - generators - unicode - modules - module loaders - map + set + weakmap + weakset - proxies - symbols - subclassable built-ins - promises - math + number + string + array + objec.. 공감수 1 댓글수 0 2019. 8. 24.
[Git] Gitflow로 branch를 관리하자!! [Git] Gitflow로 branch를 관리하자!! Git에 관련된 포스팅은 오랜만인 것 같다... 개인적으로 Git의 여러 개념, 명령어 정도는 알고 있기 때문에 사용하는 데는 무리가 없었다. 하지만 회사 또는 팀 프로젝트에서 협업하면서 git을 사용할 때, 무분별하게 생겨나는 branch들(이게 문제...) 그래서 branch를 효율적으로 관리하기 위한 규칙이나 정책들이 필요하다. 이에 대한 여러 방법 중 하나, 그것이 Gitflow!! 이것에 대해서 정리해보자. Gitflow 가 무엇인가? Vincent Driessen 이 제안한 git의 workflow 디자인에 기반한 브랜칭 모델이다. 좀 더 자세히 말하자면 Vincent는 master, develop, feature, release, hotf.. 공감수 1 댓글수 1 2019. 6. 7.
[Javascript] ES5 (ECMAScript 5) [Javascript] ES5 (ECMAScript 5) 자바스크립트를 접했다면 흔히 ES5, ES6, ECMA 어쩌고...에 대해서 한번 쯤은 들어봤을 것이다. 이번 포스팅부터는 이것들에 대해서 정리를 하고자 한다. ECMAScript란 무엇인가? 자바스크립트는 1995년에 Brendan Eich라는 사람이 발명했다고 한다. 그리고 1997년에 ECMA 표준이 되었다고 한다. ECMAScript는 Ecma 인터내셔널의 ECMA-262 기술 규격에 정의된 표준화된 스크립트 프로그래밍 언어이다. 자바스크립트를 표준화하기 위해 만들어졌고 지금도 자바스크립트가 제일 잘 알려져 있지만, 액션스크립트, J스크립트 등 다른 것들도 포함된다고 한다. ES5 (ECMAScript 5) 그래서 계속해서 자바스크립트는 기.. 공감수 2 댓글수 0 2019. 5. 26.
[React] VSCode에 ESLint & Prettier 적용 VSCode에 ESLint & Prettier 적용 1. VSCode Extension 설치 ESLint 자바스크립트의 문법을 체크해주는 도구 Prettier Code Formatting 도구 (코드 정렬, 세미콜론 등) 2. 설정 커스터마이징 package.json ... "eslintConfig": { "extends": [ "airbnb", "prettier" ], "parser": "babel-eslint", "rules": { "react/jsx-filename-extension": 0, "import/no-named-as-default": 0, "import/no-named-as-default-member": 0, "import/no-unresolved": 0, "import/prefer-de.. 공감수 4 댓글수 0 2019. 5. 22.
[React] Redux의 설정과 reducer 작성법 참고로 제 프로젝트의 폴더 구조는 아래와 같습니다. 개념 위주로 포스팅을 하다보니, 생략한 부분이 어느정도 있습니다. 궁금한 점은 댓글 남겨주시면 답변 드리겠습니다^^ (광고도 한번씩 클릭해주시면 감사하겠습니다 ㅠㅠ ㅋㅋㅋㅋㅋ) redux는 정의된 Action과 Reducer에 의해 구독하고 있는 컴포넌트에 state를 전달하게 된다. 1) store/modules/ 폴더에 파일 생성 or 만드려는 reducer와 관련된 파일에 작성 2) action type, action creator, initial state, reducer 작성 import { createAction, handleActions } from 'redux-actions'; import { Map, fromJS } from 'immut.. 공감수 0 댓글수 0 2019. 5. 20.
[React] Container(smart component) vs Component(dumb component) 참고로 제 프로젝트의 폴더 구조는 아래와 같습니다. 개념 위주로 포스팅을 하다보니, 생략한 부분이 어느정도 있습니다. 궁금한 점은 댓글 남겨주시면 답변 드리겠습니다^^ (광고도 한번씩 클릭해주시면 감사하겠습니다 ㅠㅠ ㅋㅋㅋㅋㅋ) 이전 포스팅에서 잠깐 언급하기도 했고, 보통 폴더 구조에도 containers 폴더와 components 폴더로 나눈 게 된다. 각각의 개념과 역할에 대해서 알아보자. Container(smart component) Smart component 또는 Container라고 불림 앱의 상태(Redux state)를 제어하는 역할 Redux의 store 접근은 오직 container를 통해서만 이루어진다. Component(dumb component) Dumb component 또는 .. 공감수 0 댓글수 0 2019. 5. 20.
[React] App 컴포넌트 마운팅 과정 참고로 제 프로젝트의 폴더 구조는 아래와 같습니다. 개념 위주로 포스팅을 하다보니, 생략한 부분이 어느정도 있습니다. 궁금한 점은 댓글 남겨주시면 답변 드리겠습니다^^ (광고도 한번씩 클릭해주시면 감사하겠습니다 ㅠㅠ ㅋㅋㅋㅋㅋ) React의 실행순서는 Entry Point인 index.js → Root.js → App.js 순이다. 여기서 index.js 안에 바로 App 컴포넌트를 붙이지 않은 이유는 Router와 Redux를 Root.js에서 연동하기 위함이다. Entry Point인 index.js에 Root 컴포넌트가 렌더링된다고 했을 때, Root.js부터 App.js에 서브 컴포넌트들이 렌더링 되는 과정을 보자. Root.js import React from 'react'; import { B.. 공감수 0 댓글수 0 2019. 5. 20.
[React] Redux의 개념과 활용 [React] Redux의 개념과 활용 1. Redux 개념 1) Redux의 필요성 리액트에서 상태를 더 효율적으로 관리하는 데 사용하는 상태 관리 라이브러리 위와 같이 컴포넌트가 구성되어있다고 가정하자. 만약, App 컴포넌트에서 데이터 상태(state)에 변화가 생겨서 state를 업데이트하면 App 컴포넌트가 리렌더링 되고, 리액트 특성상 하위 컴포넌트도 모두 리렌더링 된다. 그렇기 때문에 TodoInput만 업데이트하길 원해도 TodoList도 함께 리렌더링 되는데, 이런 경우는 TodoList 컴포넌트에 shouldComponentUpdate를 구현하는 등 방지 할 수 있는 방법이 있긴 하다. 하지만, 프로젝트가 더 복잡해진다면 이런 방법도 어려워질 것이고, 아래와 같은 비효율적인 면이 있다... 공감수 0 댓글수 0 2019. 5. 15.
[Spring] Gradle을 위한 Groovy 문법 요약정리 [Spring] Gradle을 위한 Groovy 문법 요약정리 Groovy Groovy 실행원리 그루비 소스는 컴파일하면 자바 클래스가 만들어진다. 이것을 실행하기 위해서는 groovy.jar와 asm.jar 라이브러리 파일이 필요하다. Groovy 문법 요약 변수 선언과 값 할당 동적 타입 바인딩 def a = 20 // 값을 할당할 때 a 변수의 타입이 결정됨 a = "문자열" // 다른 값을 할당하면 변수의 타입이 바뀜 b = "문자열" // 변수 선언 시 def를 생략해도 됨 정적 타입 바인딩 int a = 20 // 변수 a는 int로 데이터형이 고정됨 a = "문자열" //문자열 값을 할당하면 오류 발생 문자열과 자동 형변환 String a = "문자열" // 변수 a는 String으로 데이터.. 공감수 3 댓글수 0 2019. 4. 18.
[IntelliJ] Tomcat 실행 시, 콘솔 창 한글깨짐 문제 [IntelliJ] Tomcat 실행 시, 콘솔 창 한글깨짐 문제 Error 인텔리J에서 Tomcat 실행 시, 아래와 같이 한글이 깨지는 상황이 발생한다. Error는 아니지만 찝찝해서 해결방법을 찾아보았다. 해결방법 C:\Program Files\JetBrains\IntelliJ IDEA 2019.1\bin\idea64.exe.vmoptions 파일에서 맨 아랫줄에 다음과 같이 추가해준다. -Dfile.encoding=UTF-8 Edit Configurations... 에서 VM options에도 추가해준다. 인텔리J를 껐다가 실행해서 Tomcat을 실행해본다. 공감수 1 댓글수 1 2019. 4. 10.
[Spring] IntelliJ "Can't load AMD 64-bit .dll on a IA 32-bit platform" 에러 [Spring] IntelliJ "Can't load AMD 64-bit .dll on a IA 32-bit platform" 에러 Error 내용 09-Apr-2019 15:28:14.684 寃쎄퀬 [main] org.apache.catalina.core.AprLifecycleListener.init The APR based Apache Tomcat Native library failed to load. The error reported was [C:\Users\USER\develop\apache-tomcat-8.5.39\bin\tcnative-1.dll: Can't load AMD 64-bit .dll on a IA 32-bit platform] java.lang.UnsatisfiedLinkError.. 공감수 0 댓글수 0 2019. 4. 9.
[개발환경] Apache Tomcat 설치 [개발환경] Apache Tomcat 설치 Tomcat Download ① Tomcat 다운로드 링크를 따라 들어가면, 아래와 같이 고양이와 함께 페이지가 로딩될 것이다. 옆에 Download 탭에서 버전을 선택할 수 있고, 클릭하면 Download 링크가 나열된다. 항상 최신형이 좋을 것 같지만 안정적이지 못하다. 그렇기 때문에 우리는 한 단계 아랫 버전인 8 버전을 자신의 OS 환경에 맞게 다운받도록 하자.(2019년 4월 기준) ② 나 같은 경우는 windows10 64bit 환경을 사용하고 있고, 아래와 같이 develop이라는 폴더에서 개발 환경 관련 파일들을 모두 모아두는 편이기 때문에 이 곳에 톰캣 폴더를 구성하였다. 허무하겠지만, 여기까지 설치는 끝났다... 이제 이것을 각 IDE에서 사용.. 공감수 0 댓글수 0 2019. 4. 9.
[Spring] IntelliJ에서 Spring + Maven 프로젝트 생성하기 [Spring] IntelliJ에서 Spring + Maven 프로젝트 생성하기 이번 포스팅의 목표는 IntelliJ를 이용하여 Spring + Maven 프로젝트를 생성하고, 실행 가능한 상태까지 만드는 것이 목표이다. 프로젝트 구조 구성이나 여러 추가적인 작업은 이 포스팅에서 다루지 않겠다. 개발환경 셋팅 IntelliJ 설치 페이지 JDK 설치 및 환경변수 셋팅방법 Tomcat 설치방법 프로젝트 생성 ① IntelliJ를 실행하면 뜨는 초기화면이다. 여기서 'Create New Project'를 클릭한다. ② 보통 JDK(여기선 Java8, JDK1.8을 사용)를 설치했다면, 아래와 같이 Project SDK가 자동으로 잡혀 있다. 설치를 하지 않았다면 JDK를 먼저 설치해주자. (하.. 공감수 0 댓글수 0 2019. 4. 9.
[CSS] Media Query(미디어 쿼리) 1. @Media 규칙 Media 규칙이란? @Media 규칙은 다양한 장치에서 HTML 문서가 적절한 형태를 갖추게 만들어주는 규칙 Media 속성 Media 속성을 사용하면 음성 장치부터 점자는 물론 프린터와 텔레비전에 맞게 스타일 시트를 사용할 수 있다. 2. 반응형 웹 미디어 쿼리는 밑의 표와 같이 장치를 구분하는 것은 물론 장치의 크기나 비율을 구분할 수 있다. 속성 설명 width 화면의 너비 height 화면의 높이 device-width 장치의 너비 device-height 장치의 높이 orientation 장치의 방향 device-aspect-ratio 화면의 비율 color 장치의 색상 비트 color-index 장치에서 표현 가능한 최대 색상 개수 monochrome 흑백 장치의 픽셀.. 공감수 0 댓글수 0 2019. 3. 21.
[Vue.js] Vue의 Router(라우터) 1. Vue Router란? Vue에서 SPA(Single Page Application)을 구현 시, 사용자 요청 경로에 따라 해당하는 컴포넌트에 매핑하여 렌더링을 결정해주는 플러그인이 Vue Router이다. 원래 사용자의 URI Request가 들어오면 서버 즉 백엔드에서 Controller가 그 Request에 해당하는 Response로써 정적 파일(html, css, javascript ...)을 보내준다. Vue Router는 프론트엔드에서 요청 URI에 따라 전체 새로운 돔을 변경하는 것이 아니라, 브라우져에서 변화가 있는 부분의 돔을 변경하는 방식이다. 2. 설치 CDN html head 태그 안에 vue CDN 밑에 아래와 같이 추가해 줍니다. (vue를 CDN으로 이용하시는 경우 기준입.. 공감수 5 댓글수 0 2019. 3. 21.
[CSS] 기본 레이아웃 구성 & 벤더 프리픽스 & 도움되는 사이트 float 속성을 사용한 레이아웃 구성 Header Navigation Aside Lorem ipsum dolor sit amet consectetur adipisicing elit. Illo animi perspiciatis voluptas porro! Temporibus repudiandae autem quas eaque earum perspiciatis perferendis ipsum, sed maiores, numquam aliquam doloribus placeat voluptas commodi? Section Lorem ipsum dolor sit amet, consectetur adipisicing elit. Modi nemo eaque exercitationem praesentium dol.. 공감수 0 댓글수 0 2019. 3. 20.
[Vue] Vue.js 프로젝트 구조 Vue.js 프로젝트 구조 프로젝트 구조 셋팅에 앞서.. 1. vue 설치 이전 포스팅에서 vue 개발환경 셋팅 중 가장 중요한 vue 설치를 빼먹었었네요 ^^; 그래서 우선, vue 설치부터 하고 가겠습니다~~! vue를 쉽게 설치하는 방법은 크게 두 가지가 있습니다. //CDN ... 1.2 NPM 다음으로는 우리와 같이 프로젝트 시작하기 전에 vue를 적용하여 폴더셋팅을 하기 위한 사람들을 위한 방법입니다. 또한 대규모 서비스를 만들 때 NPM을 이용하시는 것을 추천드립니다. NPM을 아시는 분들이라면 아마도 쉽게 하실 수 있을 겁니다. CMD 창을 열어주시고, 아래와 같이 명령어 한 줄이면 OK! # 최신 안정화 버전 $ npm install vue① "Window Key + R" ② npm in.. 공감수 5 댓글수 0 2019. 3. 16.
[기타].gitignore 작성법 .gitignore 작성법 https://www.gitignore.io/ 접속 아래와 같이 자신의 프로젝트 종류를 적고 생성한다. 결과 (짜자잔.....!!) 그대로 복사해서 프로젝트 내 .ignore 파일 안에 넣어주면 된다. 공감수 0 댓글수 0 2019. 3. 14.
[Vue] Vue.js 개발 환경 셋팅 [Vue] Vue.js 개발 환경 셋팅 vue.js 개발 환경을 위해서 몇 가지 필요하다고 생각하는 것을 설치하도록 하겠습니다. Chrome Node.js VS Code Vue.js devtools Chrome 브라우저 설치 뷰로 화면 개발을 하려면 첫 번째로 구성해야 할 환경이 바로 브라우저입니다. 구글에서 개발한 크롬 브라우저는 최신 웹 트렌드와 문법을 빠르게 반영하고 있는 브라우저이며, 웹 개발 시 편리한 기능을 제공하는 크롬 개발자 도구를 지원합니다. 크롬 브라우저는 공식 사이트 또는 검색 사이트에서 '크롬'이나 'Chrome'으로 검색하여 설치하시면 됩니다. Node.js 설치 1. node.js 홈페이지 접속 후, 현재 버전이 아닌 LTS 버전을 다운로드 합니다. . . (중간 설치 과정은 생.. 공감수 0 댓글수 0 2019. 3. 4.
[Vue] Vue.js란 무엇인가? [Vue] Vue.js란 무엇인가? Project 포스팅에 앞서, 일단 Vue.js와 Node.js에 대한 정리를 어느 정도 하기로 했다. Vue.js란? 웹 페이지 화면을 개발하기 위한 프런트엔드 프레임워크 뷰 코어 라이브러리는 화면단 데이터 표현에 관한 기능들을 중점적으로 지원 프레임워크의 기능인 라우터, 상태 관리, 테스팅 등을 쉽게 결합할 수 있는 형태로도 제공 Vue의 장점 배우기가 쉽다. 리액트와 앵귤러에 비해 성능이 우수하고 빠르다. 리액트의 장점과 앵귤러의 장점을 갖고 있다. 뷰는 구글에서 일하던 직원이 앵귤러를 더 가볍게 쓰고 싶어서 만든 프레임워크 앵귤러의 데이터 바인딩 특성과 리액트의 가상 돔(Virtual DOM) 기반 렌더링 특징을 모두 가지고 있음 Vue.js의 특징 UI 화면단.. 공감수 2 댓글수 0 2019. 3. 4.
[Javascript] 자바스크립트의 메모리 관리 자바스크립트의 메모리 관리? 이전에 자바스크립트의 동작원리에 대해서 정리를 했었다. "그래 이젠 자바스크립트가 어떻게 동작하는지는 알겠어.." 라면서, 자바스크립트에 대해 이해한 줄 알았다. 하지만, 얼마 전에 누군가가 "자바스크립트는 메모리 관리 어떻게 해요?"라고 물어봤는데 대답을 할 수 없었다.. 다른 언어들의 메모리 관리 C 언어 malloc()나 free()와 같은 저수준의 메모리 관리를 위한 원시함수(primitive) 존재 개발자는 이들을 이용하여 명시적으로 운영체제로부터 메모리를 할당 받거나 돌려주는 작업 Java JVM(Java Virtual Machine)의 GC(Garbage Collection) 이용 JVM(Java Virtual Machine)과 Garbage Collection .. 공감수 0 댓글수 0 2019. 3. 3.
[Javascript] 자바스크립트 Coding Convention 및 네이밍 규칙 [Javascript] 자바스크립트 Coding Convention 및 네이밍 규칙 포스팅 계기 지금까지 학부 때부터 Java만 쭉 써오다가, 회사에 들어와서 Javascript에 관심이 생겼고, 프로가 되고 싶었다. 그래서 요즘 Javascript에 대한 포스팅을 늘리면서 지식을 정리하고, javascript로 코딩을 프로처럼 할 수 있는 날을 꿈꾸며 Coding 규칙과 네이밍 규칙 같은 convention에 대해서 정리하려 했지만.... 할 수 없다....(너무 양이 많음ㅠ) convention을 따라야 하는 이유? 무엇보다도 같이 일할 팀원을 위해서이고 다른 개발자들을 배려하기 위해서!!이다. 원래 코드에 대한 convention 가이드가 나와 있는 레퍼런스가 따로 있다. w3schools Java.. 공감수 0 댓글수 0 2019. 3. 2.
[Ant] Ant 설치방법 및 환경변수 설정 Ant 설치방법 및 환경변수 설정 Requirement JDK 설치 Apache Ant를 사용하기 위해서는 먼저 JDK가 필요합니다. 자세한 내용은 JDK 설치 및 환경변수 설정 방법 참고해주세요. Ant 설치 Apache Ant 설치 설치하고 원하는 곳에 압축 풀어주세요 (저 같은 경우 "C:\Users\USER"에 'develop'라는 폴더를 만들어서 JDK같은 개발 관련 파일들을 관리합니다) 여기까지 Apache Ant 설치는 끝났습니다. 그 다음은 Apache Ant를 사용하기 위해서 환경변수를 설정해야 합니다. 따라서 방금 설치한 'apache-ant-1.10.5' 폴더의 Path가 필요합니다!! Ant 환경변수 설정 과정 이 과정은 JDK 환경변수 설정 과정과 거의 같습니다. windows 탐.. 공감수 5 댓글수 0 2019. 2. 21.
[JAVA] JDK 설치 및 환경변수 설정 [JAVA] JDK 설치 및 환경변수 설정JDK란? 자바 개발 키트(Java Development Kit)의 줄임말으로써 오라클에 의해 바이너리 제품으로 제공됩니다.자바 플랫폼의 등장 이래 지금까지 가장 널리 사용되는 소프트웨어 개발 키트(SDK)이며,자바를 사용하기 위해서는 기본적으로 JDK가 설치되어 있어야만 사용이 가능합니다. JDK 설치/다운로드 1. JDK 설치 링크 접속 2. 아래와 같은 화면이 나올텐데, Download 버튼을 클릭한다. 3. License를 동의한다는 버튼을 클릭하고, 자신의 OS 맞는 파일을 다운받는다. 난 Windows10이므로 windows 선택..(이 때, zip파일같이 압축 파일을 다운 받는다.) 4. 다운로드가 완료되고, 압축을 풀면 아래와 같은 폴더가 생성된다... 공감수 1 댓글수 0 2019. 2. 19.
[Ant] Windows 10에서 ant build 시, URI 관련 에러 [Ant] Windows 10에서 ant build 시, URI 관련 에러 "java.net.URISyntaxException: Illegal character in query at index"Issue)build하는 프로젝트 폴더 Path에 공백이 존재하는 경우 발생ex) C:\Program Files\project\~ Sol)공백 제거 https://stackoverflow.com/questions/2366270/what-does-uri-has-an-authority-component-mean "java.lang.IllegalArgumentException: URI has an authority component"Issue)URI Path가 슬래시 2개("//")로 시작하는 경우 Sol)build.x.. 공감수 0 댓글수 0 2019. 2. 19.
Apache Ant 란? Apache Ant 란?자바 기반의 빌드 도구 (현재 자바 개발 환경에서 표준 빌드 도구) Ant는 Tomcat처럼 Jakarta 프로젝트의 일환으로 만들어진 산출물로 C에서 말하는 make파일과 같은 Java 프로그램용 build이다. 기존의 make, gnumake와 같은 build tool도 존재하지만 ANT는 OS와 상관없이 사용하게 되어 있다. 또한 ANT는 Configuration파일이 XML로 되어 있어 애플리케이션 구조에 맞게 적용하기에 편리하게 되어 있다. cf) 빌드(Build)란? 윈도우를 개발 하는 것까지 '개발'이라고 한다면, 사용자의 컴퓨터에 설치되어 실행되기까지의 단계를 빌드라고 함ANT의 주요 기능 - 자바 소스 파일 컴파일 - jar, war, ear, zip 파일의 생성 .. 공감수 0 댓글수 0 2019. 2. 19.
[Git] remote: HTTP Basic: Access denied 해결법 [Git] remote: HTTP Basic: Access denied 해결법 Issue GitLab Repository에서 Local Repository로 clone하는 중, 해당 에러 발생알고 보니까 clone 시 계정 입력 과정에서 password를 잘못 입력하여 발생 solution git config --system --unset credential.helpergit bash 관리자 권한에서 위 명령어를 입력 공감수 6 댓글수 0 2019. 2. 18.
[Javascript] Closure(클로저) 란? [Javascript] Closure(클로저) 란? ClosureClosure(클로저)는 두 개의 함수로 만들어진 환경 으로 이루어진 특별한 객체의 한 종류이다. 여기서 환경 이라 함은 클로저가 생성될 때 그 범위 에 있던 여러 지역 변수들이 포함된 context를 말한다. 이 클로저를 통해서 자바스크립트에는 없는 비공개(private) 속성/메소드, 공개 속성/메소드를 구현할 수 있는 방안을 마련할 수 있다.클로저 생성하기다음은 클로저가 생성되는 조건이다.내부 함수가 익명 함수로 되어 외부 함수의 반환값으로 사용된다.내부 함수는 외부 함수의 실행 환경(execution environment)에서 실행된다.내부 함수에서 사용되는 변수 x 는 외부 함수의 변수 스코프에 있다.function outer() .. 공감수 0 댓글수 0 2018. 7. 14.
[Javascript] Hoisting(호이스팅) 이란? [Javascript] Hoisting(호이스팅) 이란? HoistingES6 문법이 표준화가 되면서 크게 신경쓰지 않아도 되는 부분이 되었지만, JavaScript 라는 언어의 특성을 가장 잘 보여주는 특성 중 하나이기에 정리했습니다.정의hoist 라는 단어의 사전적 정의는 끌어올리기 라는 뜻이다. 자바스크립트에서 끌어올려지는 것은 변수이다. var keyword 로 선언된 모든 변수 선언은 호이스트 된다. 호이스트란 변수의 정의가 그 범위에 따라 선언과 할당으로 분리되는 것을 의미한다. 즉, 변수가 함수 내에서 정의되었을 경우, 선언이 함수의 최상위로, 함수 바깥에서 정의되었을 경우, 전역 컨텍스트의 최상위로 변경이 된다.우선, 선언(Declaration)과 할당(Assignment)을 이해해야 한다.. 공감수 0 댓글수 0 2018. 7. 14.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.