탕구리's 블로그

오늘의 주제 오늘은 자바스크립트의 개념을 처음부터 다시 정리하면서 공부하였던 내용을 하나둘씩 정리하기 위해서 작성하게 되었습니다. 첫 번째 주제로 javascript에서 기본적으로 알아야 하는 구동 원리인 CallStack과 Event Loop에 대해서 작성하게 되었습니다. 자바스크립트의 메모리 구조 자바 스크립트의 메모리 구조는 크게 Heap memory, CallStack Task Queue로 생각해 볼 수 있습니다. 각 영역에서는 무슨 일을 담당하고 이루어질까요? 자바스크립트의 동작은 아래 그림을 통해서 간략하게 알아볼 수 있습니다. Call Stack function call에 대한 관리를 하는 역할을 하며, 이름에서 보듯이 Stack 구조를 통해 function call을 관리합니다. 흔히들 자..

시작하기 전에 해당 블로그에 작성되는 글은 주인장의 지극히 주관적인 생각이 다수이며, 대부분의 지식은 구글링을 통해 얻고 있기 때문에 옳지않은 정보가 있습니다. 잘못된 부분이나 수정해야 하는 부분이 있다면 과감히 덧글을 남겨주세요! 모르는게 많은 새싹입니다 오늘의 주제제대로 할 줄 아는건 없지만 이것저것 관심이 많기 때문에, 요즘은 친구들과 React 스터디를 진행 중 입니다.ㅎㅎㅎ 스터디에서 공부한 내용을 바탕으로"리액트 무작정 따라하기" 시리즈를 포스팅 해보려 합니다. 간단하게 리액트의 개념을 잡을 수 있는 예제와 설명을 통해 포스팅을 진행하겠습니다.오늘은 리액트 무작정 따라하기 1편 JSX 편이니 가벼운 마음으로 읽어주세요! JSX란 무엇인가?JSX란 javascript + xml을 합쳐서 만들어진..

시작하기 전에 해당 블로그에 작성되는 글은 주인장의 지극히 주관적인 생각이 다수이며, 대부분의 지식은 구글링을 통해 얻고 있기 때문에 옳지않은 정보가 있습니다. 잘못된 부분이나 수정해야 하는 부분이 있다면 과감히 덧글을 남겨주세요! 모르는게 많은 새싹입니다 오늘의 주제 오늘의 주제는 Call과 Apply 그리고 Bind 메소드 입니다. 비슷한 역할을 하는 세 가지 메서드에 대해 알아보고, 차이점을 파악하도록 하겠습니다! Call & Apply, Bind자바스크립트에서는 개발자 임의로 this를 특정 값으로 설정해 줄 수 있는 방법이 존재합니다.총 세가지의 방법이 있습니다.- call- apply- bind 1. call() 메소드fun.call(thisArg[ , arg1 [, arg2 [, ...]] ..

시작하기 전에 해당 블로그에 작성되는 글은 주인장의 지극히 주관적인 생각이 다수이며, 대부분의 지식은 구글링을 통해 얻고 있기 때문에 옳지않은 정보가 있습니다. 잘못된 부분이나 수정해야 하는 부분이 있다면 과감히 덧글을 남겨주세요! 모르는게 많은 새싹입니다 오늘의 주제오늘의 주제는 es6에서 추가된 arrow function과 this 입니다. 자바스크립트를 처음부터 다시 보고 있던 찬라에 평소에 많이 헷갈리던(?) 그런 내용들을 다시 한번 보며 복습하는 의미로 정리해 보았습니다. 화살표 함수(Arrow Function) 그리고 thisArg es6에 새로 추가된 문법 Arrow Function(이하 화살표 함수)과 this의 쓰임에 대해 알아봅니다.기본적으로 화살표함수는 기존에 존재하던 함수 선언방법을..