개발공부블로그

1. 프로그램과 프로세스 ​ - 프로그램과 프로세스의 차이는 매우 간단하다. 프로그램은 실행파일이다. 파일 시스템 상에 존재하는 실행 파일이 프로그램이다. (확장자가 .exe인 파일) 이 실행파일을 실행하였을 때 메인메모리상에 이 프로그램에 메모리를 할당해준다. 메모리상에 올라가 CPU를 할당받을 수 있는 상태의 프로그램을 프로세스라고 한다. 2. 빌드 ​ 우리는 비주얼 스튜디오에서 C로 코드를 짜고 컨트롤+f5를 하곤 한다. 이 컨트롤+f5는 무엇을 하는 것일까? 빌드 과정이다. - 우리가 ctrl+f5를 하는 것은 "빌드"라고 하는 것이다. 이 빌드는 컴파일과 링크의 과정으로 이루어져 있다. ​ 우리가 소스코드를 작성해서 실행을 했는데 소스코드에 printf()라는 함수가 있다고 가정하자. 그렇다면 ..

개발공부/C 2019. 9. 11. 11:17

1.Arrow Function ​ 우선, ES5의 함수 사용법이다. var hello = function(x){ return x*2; } 그리고 ES6의 ArrowFunction 사용예시이다. const hello = (x) => { return x*10; } 매개변수가 1개인 경우에는 다음과 같이 소괄호를 생략 가능하다. const hello = x =>{ return x*10 } 또한, 함수가 한 줄로 표현 가능하다면, 중괄호 생략이 가능하고, 자동으로 리턴된다. 이는 매개변수가 두 개 이상일때도 같다. const hello = x => x * 10 const hi = (x,y) => x * y 매개변수가 없을 경으 다음과 같이 사용한다. () =>{ .... } 이 arrow function은 콜백..

개발공부/EcmaScript6 2019. 9. 11. 11:11

1. 템플릿 문자열(template string) ​ - 우리가 자바스크립트에서 문자열 여러 개를 합칠 때는 다음과 같은 방식을 사용한다. var a = 2019; var b = 8; var c = { d : '8', }; var string = '오늘은'+a+'년'+b+'월'+c.d+'일'+'입니다.'; - 따옴표가 많고, + 도 많은데 띄워쓰기도 계속해서 신경써야 하기에 매우 불편하다. - 템플릿 문자열은 다음과 같이 사용한다. let a = 2019; let b = 8; let c = { d:'8', }; const string = `오늘은 ${a}년 ${b}월 ${c.d}일 입니다.`; - `(백틱)으로 감싸주고 변수는 ${}에 넣어주는 형태로 사용한다. - 이렇게 된다면 공백과 따옴표가 그대로 ..

개발공부/EcmaScript6 2019. 9. 11. 11:09

1. "use strict" 란? ​ - Strict Mode의 선언방식이다. - Strict Mode란, 코드에 더 나은 오류검사를 적용하는 방법이다. - js 파일 첫 출에 "use strict"를 작성한다. 두 번째 줄에 debugger 키워들을 작성해준다. - "use strict"를 작성한 이유는 class 오브젝트와 같은 일부 오브젝트는 strict 모드에서 실행이 기본이기 때문이다. - debugger 키워드는 별도의 조치를 취하지 않고 바로 소스코드를 라인 단위로 디버깅 할 수 있어 편리하다. ​ 2. 글로벌 변수와 로컬 변수 ​ - 크게 변수를 로컬변수(local variable)와 글로벌 변수(global variable)로 구분한다. - 변수를 구분하는 이유는 "스코프(scope)" ..

개발공부/EcmaScript6 2019. 9. 11. 11:08

1. 스코프 체인이란? ​ - 실행컨텍스트 내용에서 스코프 정보에 대한 이야기를 했었다. ​ - 대강 다시 설명하자면, 실행 컨텍스트가 생성되면 js엔진은 해당 컨텍스트에서 실행에 필요한 여러가지 정보를 담은 "활성객체"라는 객체를 생성하는데, 이 활성 객체에 함수의 인자들을 유사 배열 형태로 담는 arguments라는 객체가 생성되고, 현재 컨텍스트의 유효범위를 나타내는 스코프 정보를 생성, 이후 변수생성과 this 바인딩을 한다고 하였다. ​ - 스코프 정보는 현재 실행중인 실행 컨텍스트 안에서 연결 리스트와 유사한 형식으로 만들어진다 하였는데, 이 리스트를 "스코프 체인"이라고 한다 하였다. [[scope]] 프로퍼티로 참조된다. ​ - 다시 설명하자면, 유효 범위를 나타내는 스코프가 [[scope..

개발공부/JavaScript 2019. 9. 11. 11:03

4. 스코프 정보 생성 ​ - 현재 컨텍스트의 유효범위를 나타내는 스코프 정보를 생성한다. - 이 스코프 정보는 현재 실행중인 실행 컨텍스트 안에서 연결 리스트와 유사한 형식으로 만들어진다. - 현재 컨텍스트에서 특정 변수로 접근해야 할 경우, 이 리스트를 활용한다. - 이 리스트에서 찾지 못한 변수는, 결국 정의되지 않은 변수에 접근하는 것으로 판단해 에러를 검출한다. - 이 리스트를 "스코프 체인"이라고 부른다 [[scope]]프로퍼티로 참조된다. - 여기서 현재 생성된 활성객체가 스코프 체인의 제일 앞에 추가된다. ​ * 스코프 정보생성을 그림으로 나타낸 것이다. ​ 5. 변수 생성 ​ - 현재 실행 컨텍스트 내부에서 사용되는 지역변수의 생성이 이루어진다. - 앞서 생성된 활성객체가 변수 객체로 사..

개발공부/JavaScript 2019. 9. 11. 10:59

1. 브라우저의 기본구조 ​ - 브라우저의 뜻은 다음과 같다. "인터넷상에서 웹에 연결시켜 주는 윈도 기반의 소프트웨어" 우리가 일반적으로 사용하는 크롬, 파이어폭스, 사파리, 엣지, 익스플로러등을 브라우저라고 부른다. ​ - 브라우저는 다음과 같이 구성되어 있다. ​ 1. 사용자 인터페이스 - 주소 표시줄, 이전/다음 버튼, 북마크 메뉴 등. 2. 브라우저 엔진 - 사용자 인터페이스와 렌더링 엔진 사이의 동작을 제어. 3. 렌더링 엔진 - 요청한 콘텐츠 표시. 예를 들어 HTML을 요청하면 HTML과 CSS를 파싱하여 화면에 표시함. 4. 통신 - HTTP 요청과 같은 네트워크 호출에 사용됨. 5. 자바스크립트 해석기(엔진) - 자바스크립트 코드를 해석하고 실행. 6. UI 백엔드 - 콤보 박스와 창 ..

개발공부/JavaScript 2019. 9. 11. 10:57

1. AJAX란? - AJAX(Asynchronous JavaScript And XML) 비동기 자바스크립트와 XML의 약자이다. - 그러나 사실 XML보다 주로 JSON을 많이 사용한다. - 비동기적으로 자바스크립트를 이용하여 서버와 통신하는 기술을 말한다. ​ - 자바스크립트를 이용하여 내부적으로 통신할 수 있는 방법으로, 사용자가 나중에 필요할 때 서버에서 가져갈 수 있도록 하는 것인데, 이는 곧 서버 입장에서 부담이 줄어든다. ​ ​ 2. 서버와 클라이언트 ​ - 클라이언트는 서비스/정보의 소비자. 즉, 사용자라고 생각하면 된다. - 서버는 서비스/정보의 제공자라고 생각하면 된다. - 이와 같이 클라이언트에서 서버에 어떤 정보를 요청했을 경우, 서버에서는 그 요청한 정보를 응답해준다. (여기서 말..

개발공부/JavaScript 2019. 9. 11. 10:54