반응형 개발220 자바스크립트 호출 스택(Call Stack) 동작 예제 아래의 예제들은 자바스크립트 호출 스택과 이벤트 루프, Web API가 어떤식으로 동작하는지 보여줍니다. 예제 코드의 동작 환경은 웹 브라우저 입니다. 일반적인 호출 스택 / 이벤트 루프 코드와, 호출 스택, 이벤트 루프, Web API는 아래와 같은 관계로 표현됩니다. 처음 시작하면 모든 것들이 빈 상태입니다. 코드가 실행되면 글로벌 스택 프레임이 호출 스택에 Push됩니다. 그리고 나서, 첫번째 라인(setTimeout 호출)이 실행됩니다. 실행된 함수를 스택안에 넣습니다. 이름에서부터 알 수 있듯이 호출 스택은 스택(Stack) 입니다. 이는 Push된 마지막 항목이 Pop에서는 가장 먼저 나오는 LIFO(Last In First Out) 구조를 의미합니다. (쌓여있는 접시를 꺼내는 상황을 생각해보.. 2019. 1. 7. 자바스크립트 호출 스택(Call Stack) 이해하기 시작하기에 앞서자바스크립트를 심도 있게 이해하기 위해 "모든 자바스크립트 개발자가 알아야할 33가지 개념(https://github.com/yjs03057/33-js-concepts)"의 항목들과 링크되어있는 블로그 글들을 정리하여 포스팅하기로 했습니다. 호출 스택의 경우 How JavaScript works: an overview of the engine, the runtime, and the call stack 이라는 글이 완성도가 높고 깔끔하게 설명했기 때문에, 본문의 거의 대부분을 차지 하게 되었습니다. 통번역이라기 보다는, 필요한 내용을 추가, 통합, 삭제하는 과정이 많아서, 본래 내용과는 다소 차이가 발생할 수 있습니다. 원문을 보기 원하시는 분들은 최하단의 링크를 참조해 주시기 바랍니다. 마.. 2019. 1. 7. React Native 개발 환경 설정 React Native 어플리케이션을 개발할 때 가장 먼저 떠오르는 고민은 플랫폼 문제이다. 현재 안드로이드와 IOS로 분리되어있는 시장에 앱을 출시하기 위해서는, Swift 또는 Java나 코틀린을 사용하여 두 가지 버전의 앱 개발을 해야한다. 그러나 여기 자바스크립트와 리액트로 안드로이드/IOS 앱을 만들 수 있는, 리액트 네이티브가 등장하면서 개발 과정이 좀 더 간결하게 되었다. 이번 글에서는 리액트 네이티브의 특징이나 장단점 보다는, create-react-native-app을 통해 놀랍도록 간소화된 개발 환경 구축에 대해 설명할 것이다. CRNA를 통한 개발 환경 구축 얼마 전까지만 하더라도 expo + typescript + react native의 조합을 사용하기 위해서 많은 설정을 추가해 .. 2018. 11. 5. Jupyter notebook에 모듈 설치가 안될 때 원래 업무 시에는 자바스크립트를 주로 사용하지만, 사내 머신 러닝 스터디를 진행하다보니 요즘들어 부쩍 파이썬의 사용 빈도가 늘어가는 것 같다. 스터디 초반에는 pyenv를 사용하여 개발 환경 설치하는 것 부터가 난관이었는데, 이 복잡한 과정을 겨우 해내고 나니, 이번에는 주피터 노트북에 padas나 matplotlib과 같은 모듈 설치가 되지 않아 말썽이다. 이번에도 구글링을 통해 답을 얻었는데, 현재 가상 환경에서 실행 중인 python과 메인 OS 플랫폼에 설치된 python이 서로 다르기 때문에 발생한 문제인 듯하다. 질문의 원본 출처는 아래와 같다. https://stackoverflow.com/questions/35253338/import-pandas-on-jupyter-ipython-noteb.. 2018. 11. 4. 이전 1 2 3 4 5 6 7 8 ··· 55 다음 반응형
