devlog

그동안 인턴과 취업 준비를 하며 바빴다. 블로그를 보니 3달동안이나 포스팅을 안했다.. 🤭 사실 bear로 혼자 정리한 글은 몇 백개인데 ㅠㅠ 그래서 오늘은 오랜만에 포스팅을 해본다.1. Spring와 Node.jsSpring은 Java를 이용하는 프레임워크이고, Node.js는 Javascript 런타임이다. 둘 다 서버 개발을 할 수 있기때문에 차이점을 정리해보았다.2. 차이점2-1. Spring장점크기와 부하의 측면에서 경량이다.Spring이 안정적이라는 말을 많이 한다. 그 이유는 레퍼런스가 많아 이슈를 쉽게 해결할 수 있고, 자유성이 낮다는 점에서 안정적이라고 생각한다.스프링은 2002년 로드 존슨이 최초로 개발하였기에 Spring을 다루는 개발자가 많아 인력 문제도 없다.많은 개발자들이 오랫동..

오늘은 자바스크립트의 동작원리에 대해 간단히 알아보려고 한다. 자바스크립트는 싱글 스레드 기반으로 동작한다. 과연 싱글 스레드 기반으로 어떻게 동작하는 것일까? 자바스크립트가 동작하는 환경과 엔진에 대해 쉽고 간단하게 알아보자. 1. 자바스크립트의 엔진 구성 자바스크립트 엔진은 크게 두 부분으로 구성된다. 메모리 힙(Memory Heap) : 메모리 할당이 이루어지는 곳 콜 스택(Call Stack) : 코드가 실행되면서 스택 프레임이 쌓이는 곳 위와 같이 구성된다. 하지만 브라우저에는 거의 모든 자바스크립트 개발자가 사용하는 API가 있다. 예를 들면setTimeout과 같은 것들을 말한다. 그런데 이것들은 엔진이 제공하는 것이 아니다. 브라우저가 제공하는 웹 API가 DOM, AJAX,setTimeo..

ES6에서 배열과 object를 조금 더 쉽게 다루는 방식이 추가됐다. 구조 분해 할당 구문은 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 JavaScript 표현식이다. 구조 분해 연산자, 전개 연산자, 각 배열에 들어가 있는 데이터를 하나씩 가져와서 처리해야 되는 상황을 한 번에 처리할 수 있도록 해준다. 1. 객체 구조 분해 할당 아래는 객체 구조분해(destructuring)의 예시이다. let obj = { name : "devlog", age : 1 }; let { name, age } = obj; name과 age의 값을 확인해보면 각각 obj.name, obj.age의 값이 담긴 것을 확인해볼 수 있다. 객체를 구조분해 할 때 주의해야 할 것은 우선 할당 연산자..

Promise (프로미스) 싱글 스레드인 자바스크립트에서 비동기 처리를 위해서 콜백(callback)을 사용해왔다. 덕분에 비동기 처리를 온전히 해낼 수 있었지만 이런 콜백이 반복되면서 콜백 지옥이 생겨났다. 콜백 지옥으로 인해 복잡도가 증가하고 예외처리가 어려워졌다. 이러한 단점을 보완하기 위하여 생긴 것이 Promise이다. Promise를 간단히 소개하자면 비동기에서 성공(fulfilled)과 실패(rejected)를 분리해서 메서드를 수행해주는 것이다. fulfilled 혹은 rejected될 때, 프로미스에 연결한 처리기는 그 프로미스의 then 메서드에 의해 대기열에 오른다. 1. Promise 생성 방법 var promise1 = function(bool){ return new Promise..

Javascript로 개발을 하신다면 'callback'이라는 키워드를 한 번쯤 들어보셨을 것이라 생각합니다. 과연 callback이란 무엇일까요? 1.callback이란? javascript에서는 callback 함수는 다른 함수의 매개변수로 함수를 전달하고, 어떠한 이벤트가 발생한 후 매개변수로 전달한 함수가 다시 호출되는 것을 의미합니다. callback은 쉽게 말하자면 어떤 일을 다른 객체에게 시키고, 그 일이 끝나는 것은 기다리지 않고 끝나고 부를 때까지 다른 일을 하는 것을 말합니다. 그렇기 때문에 non-block이며, 비동기 방식의 함수를 사용합니다. 2.callback 함수 사용법 function first(a,b,callback){ let v=a*b; callback(v); } firs..

Javascript의 변수 선언 방식인 var와 let 그리고 const는 어떤 차이점에 대해 알아보자. 1.var ES6(ECMAScript6) 이전에 나온 변수 선언 방식입니다. var와 let의 차이점으로는 scope이 있습니다. var는 function 단위의 scope을 가집니다. var str="hello"; if(true){ var str2="world"; } console.log(str2);//world 위의 코드는 if문 안에서 str2를 선언했지만 if문 밖에서도 변수가 유효한 것을 알 수 있습니다. 또한 같은 이름의 변수를 여러 번 선언하여도 오류가 나지 않습니다. var str="hello"; var str="world"; console.log(str);//world 위와 같이 같은..