전체 글
-
[javascript] javascript 개발자가 알아야 할 핵심 개념 33가지 - (2)FrontEnd/Javascript 2021. 7. 10. 15:17
본 내용은 https://github.com/leonardomso/33-js-concepts#11-javascript-engines 의 내용을 다루고 있습니다. 해당 레포는 현재 40k가 넘는 star를 가진 레포입니다. https://kevinkim95-dev.tistory.com/15 [javascript] javascript 개발자가 알아야 할 핵심 개념 33가지 - (1) 본 내용은 https://github.com/leonardomso/33-js-concepts#11-javascript-engines 의 내용을 다루고 있습니다. 해당 레포는 현재 40k가 넘는 star를 가진 레포입니다. 1. Call Stack Javascript를 실행하면, java.. kevinkim95-dev.tistor..
-
[javascript] javascript 개발자가 알아야 할 핵심 개념 33가지 - (1)FrontEnd/Javascript 2021. 7. 6. 03:01
본 내용은 https://github.com/leonardomso/33-js-concepts#11-javascript-engines 의 내용을 다루고 있습니다. 해당 레포는 현재 40k가 넘는 star를 가진 레포입니다. 1. Call Stack Javascript를 실행하면, javascript에 존재하는 함수들이 스택에 쌓이게 된다. 쌓인 함수들은 스택에서 pop하듯이 맨 위에서부터 실행이 완료되고 stack에서 빠져나가게 된다. call stack이 쌓이고 없어지는 모습 python과 같은 언어에서 재귀호출 시 1000번이 넘어가면 max recursion depth가 생기듯이, javascript의 call stack에 일정량 이상의 함수가 쌓이면 maximum call sctack size ex..
-
[react] 튜토리얼1. 프로젝트 생성 및 구조 확인하기FrontEnd/React 2021. 7. 3. 21:05
프로젝트 생성 먼저 npm에서 제공하는 react 프로젝트를 생성하는 명령어를 실행해야 한다. 해당 명령어는 최초 1회만 실행하면 그 후 실행할 필요는 없다. npm install -g create-react-app 다음은 프로젝트를 생성한다. 설치한 create-react-app 과 함께 본인이 생성할 프로젝트 이름을 함께 적는다. 연습용 프로젝트이기 때문에 임시로 self-practice라고 이름을 지었고, 저 자리에는 어떤 문자열이 와도 상관없다. create-react-app self-practice 시간이 좀 걸리는데, 기다리고나면 성공적으로 프로젝트가 생성되었을 것이다. 프로젝트의 디렉토리 구성은 우측과 같이 나오게 된다면 성공한 것이다. 생성이 완료되었다면, app 자체는 생성한 프로젝트 폴..
-
[Javascript] 튜토리얼 (1) - HTML 파일에서 Javascript 사용하기FrontEnd/Javascript 2021. 6. 17. 15:05
Javascript 사용법1 - Inline 으로 사용하기 In(안) + line(줄) : 한 줄 안에서 끝내기! HTML 파일의 태그 안에서 Javascript 함수를 attribute로 사용하는 것을 말한다. 이 예시의 설명을 위해서 alert 함수(메시지와 함께 알림 모달을 띄우는 것)를 이용하였다. 11번째 줄과 12번째 줄의 h1은 둘다 같은 h1이지만 밑의 h1은 onclick이벤트를 Inline으로 사용하였다. 따라서 같은 h1이지만 둘째 줄의 h1만 클릭했을 때 alert가 뜨게 된다. 장점 아주 단순하게 javascript 효과를 넣을 수 있다. 단점 태그 안이 복잡해진다. 같은 효과를 갖는 개체가 많아지면 일일히 추가해줘야하므로 복잡하다. 유지보수가 어렵다. Javascript 사용법2..
-
[운영체제] window 운영체제운영체제 2021. 6. 15. 15:54
Windows "우리도 슬슬 GUI 운영체제 만들어야지?" - Microsoft Microsoft사는 그 전까지 CLI기반의 운영체제 MS-DOS를 이용하여 운영체제계를 꽉 잡고 있었다. 대항마가 없이 독점을 해 나가다가, apple에서 UNIX를 기반으로 한 GUI 운영체제 MacOS를 내놓자, 그 변화에 같이 따라가기 위해서 내 놓은 것이 Windows이다. Windows는 1990년대 개발된 운영체제이며, 최초의 버전은 95년에 출시된 Windows95 이다. 주요 특징으로는 GUI, 선점형 멀티태스킹, OLE, PnP 등이 있다. 결론 : Microsoft에서 내놓은 GUI 운영체제 Windows의 특징 1. GUI 이전까지는 cmd와 같은 명령형 인터페이스를 사용하였지만, 마우스를 사용하여 파일..
-
[프로그래밍 언어] 선언형 언어프로그래밍 언어/개념 2021. 6. 10. 00:49
선언형 언어 "아, 전 이거 할거에요. 근데 어떻게 할지는 몰라요 ㅋㅋㄹㅃㅃ~ 누가 해주겠죠." - 선언형 언어 선언형 언어는 자신이 수행할 목표를 명시하지만, 목표를 어떻게 수행할 지에 대해서는 명시하지 않는 언어이다. 프로그램을 수행할 방법을 기술하는데 집중하는 명령형 언어(C, JAVA, FORTRAN 등)과는 반대되는 개념이다. 선언형 언어의 특성을 보여주는 대표적인 예시로는 HTML을 들 수 있다. 위의 사진을 보면 Hello World를 표시하는 HTML 코드를 볼 수 있다. HTML 코드는 h1 사이즈로 hello world! 룰 출력한다, h2 사이즈로 hello world! 를 출력한다 ... 등 무엇을 보여줄 것인지에 대한 기술만 되어있으며, 어떻게 보여주는지는 전혀 나와있지 않다. 즉..
-
[프로그래밍 언어] 스크립트 언어프로그래밍 언어/개념 2021. 6. 9. 22:55
스크립트 언어 (Script Language) 기생하는.. 언어? 스크립트 언어는 응용프로그램을 제어하는 언어로 해당 응용프로그램에 삽입되어 사용된다. 해당 응용프로그램에서 삽입된 스크립트 언어를 해석할 수 있는 API를 제공한다. 해당 API를 통해서 해석되면서 응용프로그램을 제어하면서 상호작용을 하게 된다. 하지만 삽입되어있다고 종속적으로 운영되는 것이 아니다. 응용프로그램과 그에 삽입된 스크립트 언어는 독립적으로 수행되며 운영된다. 스크립트 언어는 컴파일러와 다르게 인터프리터를 사용하기 때문에 실행 시 코드 전체를 한번에 확인하는 것이 아니라 한줄씩 단계적으로 확인한다. 스크립트 언어의 장점 인터프리터 방식을 이용하여 컴파일 없이 실행하기 때문에 결과를 바로 확인할 수 있다. 배우고 코딩하기가 쉽다..
-
[운영체제] Inter Process Communication(프로세스 동기화) - 1운영체제 2021. 6. 9. 21:32
Inter Process Communication (IPC) 두 개 이상의 프로세스가 동시에 진행되는데 같은 메모리 주소를 참조한다면? 프로세스 A와 프로세스 B가 메모리주소 M의 변수 x를 참조하고 있다고 하자. 프로세스 A와 프로세스 B는 모두 Read & Write가 가능하다. 프로세스 A와 프로세스 B가 동시에 변수 x를 수정하는 경우 어떻게 될까? 1. 다행히 충돌이 없는 경우 프로세스 A가 M주소의 변수를 Read한다. (M주소에는 x) 프로세스 A가 변수(x)에 2를 더한다. (M주소에는 x) 프로세스 A가 (x + 2)를 M 주소에 저장한다 (M주소에는 x+2) 프로세스 B가 M주소의 변수를 Read한다. (M주소에는 x+2) 프로세스 B가 변수(x+2)에 3를 더한다. (M주소에는 x+2..