본문 바로가기

자바스크립트3

NODE.JS 기반으로 알고리즘 풀때 입력받는 방법 서론 알고리즘 사이트는 여러가지가 있는데 프로그래머스 나 leetCode와 같은 사이트는 자동으로 입력을 처리해주고 함수내 알고리즘 코드만 작성하면 되는거라 입력받는 것에 대한 고민은 따로 안했었습니다. 근데 이번에 백준으로 알고리즘 풀어보면서 NODE.JS 기반이라 입력을 따로 처리 해줘야 해서 좀 번거로운 것 같단 생각을 했습니다. 익숙하지도 않고요 ㅜㅜ 그래서 백준에서 JS로 알고리즘 풀 때 입력처리를 어떻게 해야하는지 좀 알아보도록 하겠습니다. readline 모듈 사용하기 우선 모듈은 readline 모듈을 사용하도록 하겠습니다. 여러가지 방법이 있던데, 이번시간에는 readline으로 알아보겠습니다.(근데 이 모듈이 런타임 에러를 발생시킬 수도 있다네요 확실히 엄청 느립니다 ㅜㅜ) 한줄 입력 .. 2021. 2. 26.
자바스크립트 비동기 처리 - callback 과 promise 서론 자바스크립트에서 중요한 개념인 비동기처리 오늘은 자바스크립트에서 비동기처리를 왜 해야하며 비동기처리를 어떻게 하는지 알아보도록 하겠습니다. 비동기 왜 중요할까? 비동기의 중요성을 설명할때 굉장히 많이 사용되는 짤인데 사실 이게 전부입니다. "앞전의 처리가 완료 될때까지 기다려야 한다니.." 예를 들어 서버에서 데이터를 가져와서 화면에 표시하는 작업을 수행할 때, 서버에 데이터를 요청하고 데이터가 응답될 때까지 이후 태스크들은 블로킹(blocking, 작업 중단)됩니다. 클라이언트에서 서버로 데이터를 요청 했을 때, 서버가 그 요청에 대한 응답을 언제 줄지도 모르는데 마냥 기다릴 수 없고, 기다려야 한다면 사용자는 해당 어플리케이션을 사용하지 않을 것입니다. 그래서 우리는 비동기 처리를 반드시 배워야.. 2020. 11. 10.
실행컨텍스트 - 자바스크립트야 왜 그렇게 동작하니? 서론 자바스크립트를 입문 했을때 가장 어려웠던건 실행컨텍스트 부분이였어요. 가장 어려운 개념이자, 자바스크립트의 동장 원리를 알기 위해 꼭 짚어야 하는 부분 입니다. 나는 간단한 예제와 그림을 통해 실행컨텍스트에 대해 이해를 돕고자 합니다. 이 포스팅은 제로초님과 각종 구글링으로 얻은 것들을 정리 한 것입니다! 우선 대충 읽어봐요 컨텍스트의 4가지 원칙 1)처음에 브라우저가 코드를 읽을 때 전역 컨텍스트를 하나 만들어요! 그리고 함수를 호출 할때마다 함수컨텍스트도 만들죠 ㅎㅎ 2)컨텍스트 생성 시 컨텍스트 안에 변수객체(arguments, variable), scope chain, this 가 생성이 된답니다 3)컨텍스트 생성 후 함수가 실행되는데, 사용되는 변수들은 변수 객체 안에서 값을 찾고, 없다면.. 2020. 9. 25.