탕구리's 블로그

자바스크립트 데이터 타입 자바스크립트의 변수 타입에는 크게 Primitive type(원시타입)과 Reference Type(참조타입)으로 나누어 생각할 수 있습니다. 원시타입이란 자바스크립트 자체에서 제공하는 타입이며 변수 할당시 메모리에 직접 접근합니다. 반면에 참조 타입은 메모리에 직접 접근이 아닌 컴퓨터 바탕화면에 바로가기를 만드는 것 처럼 간접적인 참조를 통해 메모리에 접근하는 데이터 타입입니다. Primitive type : 원시타입 : 기본타입과 복사 자바스크립트의 자료형에는 6가지의 기본 자료형(string, number, boolean, undefined, null, symbol)이 있습니다. 이런 Primitive type의 변수는 변수가 할당될 때, 메모리의 고정 크기로 값을 저장하고..

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

시작하기 전에 해당 블로그에 작성되는 글은 주인장의 지극히 주관적인 생각이 다수이며, 대부분의 지식은 구글링을 통해 얻고 있기 때문에 옳지않은 정보가 있습니다. 잘못된 부분이나 수정해야 하는 부분이 있다면 과감히 덧글을 남겨주세요! 모르는게 많은 새싹입니다 오늘의 주제오늘의 주제는 Node.js v11.5.0 공식 Document에 있는 Stream API에 대한 내용입니다.스트림과 버퍼에 대해 아직 잘 모르겠다 싶으신 분은 제가 지난 시간에 작성했던 "스트림과버퍼"에 관한 글을 통해 글을 읽고 오시면 좀 더 도움이 많이 될 것 같아요. 그럼 이제 시작해 보도록 하겠습니다. Nodejs - stream아래는 node.js v11 공식 document에 있는 Stream에 대한 설명입니다. 스트림은 Nod..

시작하기 전에 해당 블로그에 작성되는 글은 주인장의 지극히 주관적인 생각이 다수이며, 대부분의 지식은 구글링을 통해 얻고 있기 때문에 옳지않은 정보가 있습니다. 잘못된 부분이나 수정해야 하는 부분이 있다면 과감히 덧글을 남겨주세요! 모르는게 많은 새싹입니다 오늘의 주제제대로 할 줄 아는건 없지만 이것저것 관심이 많기 때문에, 요즘은 친구들과 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의 쓰임에 대해 알아봅니다.기본적으로 화살표함수는 기존에 존재하던 함수 선언방법을..

시작하기 전에 해당 블로그에 작성되는 글은 주인장의 지극히 주관적인 생각이 다수이며, 대부분의 지식은 구글링을 통해 얻고 있기 때문에 옳지않은 정보가 있습니다. 잘못된 부분이나 수정해야 하는 부분이 있다면 과감히 덧글을 남겨주세요! 모르는게 많은 새싹입니다 오늘의 주제 오늘의 주제는 ORM(Object Relation Mapping)에 대한 포스팅을 할 예정입니다. 주제를 선정한 특별한 이유는 없고.. 평소 궁금했고 어쩌다 보니 ORM을 이용한 프로젝트의 소스코드를 분석해야하는 일이 생겨서 주제로 선정하게 되었답니다! ORM이 무엇인지, 어떤 장단점이 있는지, 간단한 예제를 만들어보는 실습위주로 진행하도록 하겠습니다. 재밋게 읽어주세요. ORM? 넌 누구냐!!!! ORM은 Object Relation M..

시작하기 전에 해당 블로그에 작성되는 글은 주인장의 지극히 주관적인 생각이 다수이며, 대부분의 지식은 구글링을 통해 얻고 있기 때문에 옳지않은 정보가 있습니다. 잘못된 부분이나 수정해야 하는 부분이 있다면 과감히 덧글을 남겨주세요! 모르는게 많은 새싹입니다 오늘의 주제 오늘은 ORM(Object Relation Mapping)을 이용해보자 2편, "CRUD! 나는 데이터와 친구다!" 입니다. 1편에서는 ORM이 무엇인지 무슨 장단점이 있으며, ORM 중에서도 Sequelize.js를 이용하여 어떻게 객체를 정의하며 객체간의 관계를 정의하는지. 가장 기초적인 내용에 대해서 다뤘다면, 2편에서는 실제로 데이터를 검색하고 추가하고 삭제하고 수정하는지 CRUD작업에 초점을 맞춰 내용을 구성하겠습니다. 재미있게 ..

시작하기 전에 해당 블로그에 작성되는 글은 주인장의 지극히 주관적인 생각이 다수이며, 대부분의 지식은 구글링을 통해 얻고 있기 때문에 옳지않은 정보가 있습니다. 잘못된 부분이나 수정해야 하는 부분이 있다면 과감히 덧글을 남겨주세요! 모르는게 많은 새싹입니다 Crypto 모듈을 이용한 기초적인 단방향 암호화 안녕하세요. 오랜만에(?) 거의 처음으로 Node.js 관련 포스팅을 해보네요! 업무를 진행하며(그래봤자 신입입니다) Session 관련 업무를 맡게되어 보안적인 측면에도 신경을 쓰기위해(!)공부하던 도중 Crypto 모듈에 관한 다양한 자료들을 읽던 도중 정리해두면 편리할 꺼 같아 포스팅을 하게 되었습니다. 암호화란?간단하게 생각하면 내가 가진 정보를 다른사람이 알아보지 못하게 "난독화" 혹은 "나만..