전체 글

Data Types JavaScript는 다양한 자료의 형태를 가진다. (이어지는 내용에서는 자료형 중에서도 기본형 타입만 우선적으로 다룰 예정이다) typeof 인수의 자료형을 반환하는 연산자 표현 형태는 함수 형태 typeof(자료) 와 연산자 형태 typeof 자료 두 가지가 존재한다. console.log(typeof("hello")); // ? string console.log(typeof 342); // ? number 이 중에서도 연산자 형태가 더 선호되는 경향이 있다고 한다. dynamically typed language JavaScript는 동적 타입 언어이다. 변수에 저장되는 값의 타입이 언제든지 변화 가능하다. let message = "hello"; console.log(typeo..

Variable 변수 변할 수 있는 데이터 사용자나 서버로부터 입력 받은 데이터를 저장할 때 쓰이는 "이름이 붙은 저장소" 데이터 저장을 위해 확보한 메모리 공간 자체 또는 그 메모리 공간을 식별하기 위해 붙인 이름 Variable vs Identifier Identifier에 대해서는 "[JAVASCRIPT] Identifier : 식별자" 지난 포스팅 참고 변수라고 해야 할 곳에 식별자라고 하기도, 식별자라고 해야 할 곳에 변수라 하기도 하면서 혼용한다. 이는 문맥을 통해 무엇을 얘기하는지 유추가 가능하기 때문이다. let message = "Hello!"; Identifier(식별자)는? "상자" Variable(변수)는? "상자"란 이름이 붙은 공간 변수 선언과 할당 let value; : val..

https://boostcamp.connect.or.kr/guide_wm.html 부스트캠프 개발자의 지속 가능한 성장을 위한 학습 커뮤니티 boostcamp.connect.or.kr 이 글은 네이버에서 주관하는 [부스트캠프 웹/모바일 8기] 지원 후기입니다. ....ㅎㅎ 이 주제를 굳이 쓸까 말까 고민했지만 나름 추억이고 경험이니까 작성하기로 결정! 아직 마음이 쓰릴 때 (...) 작성해 놓기로 한다. 하 왜 나를 안 뽑아주셨을까! 허 참! 안 봐도 되는 TMI 영역 네이버 부스트캠프(aka 네부캠)을 알게 된 건 '나 프엔한다!!!!!' 하고 퇴사 면담을 했던 그 직후... 작년 10월 쯤 그러니까 어떻게 공부해야 기초부터 심화까지 체계적으로 할 수 있을까를 찾아보면서 부트캠프라는 것을 알게 됐고 그..

https://school.programmers.co.kr/learn/courses/16682/16682-내일배움코스-fe-채용-과제로-배우는-자바-스크립트 [내일배움코스] FE 채용 과제로 배우는 자바 스크립트 07/19 개강 10회차 신청 08/02 개강 11회차 신청 React.js, Vue.js의 지식이 되는 JavaScript의 기본기를 익히기 위한 과목으로, VanillaJS (외부 라이브러리/프레임워크를 사용하지 않는 순수 JavaScript)만을 활 school.programmers.co.kr 이 글은 프로그래머스에서 진행하는 [내일배움코스] FE 채용 과제로 배우는 자바 스크립트 강의 수강 후기입니다. 수강 신청 어느 날과 같이 프로그래머스로 코딩테스트를 연습하던 중 상단의 국비지원 탭을..

Identifier 식별자 어떤 데이터를 식별하는데 사용하는 고유한 이름 주로 변수명이나 함수명 등으로 사용된다. 식별자 생성 규칙 예약어는 사용할 수 없다. 예약어란? reserved name. 이미 JavaScript 내에서 사용중인 이름을 의미한다. (ex. let, class, return, ... ) 숫자로 시작하면 안된다. _, $ 외 특수 문자를 사용할 수 없다. 공백 문자를 사용할 수 없다. let hi; // O let 1hi; // X : 숫자로 시작 불가능 let $hi; // O : $ 사용 가능, 시작 가능 let my-name; // X : - 사용 불가능 let my_name; // O : _ 사용 가능 let my name; // X : 띄어쓰기 불가능 식별자 생성 관례 클래..

boostcource 모두를 위한 컴퓨터 과학 (CS50 2019) : David J. Malan www.boostcourse.org/cs11 실습환경 : CS50 Sandbox & CS50 IDE 모두를 위한 컴퓨터 과학 (CS50 2019) 부스트코스 무료 강의 www.boostcourse.org 트라이 트라이는 각 노드가 배열로 이루어진 트리 형태의 자료 구조이다. 예를 들어 알파벳으로 이루어진 문자열 값을 저장한다고 하면 노드들은 a-z 값을 가지는 배열이 된다. 그리고 배열의 각 요소(알파벳)은 다음 층의 노드(a-z 배열)을 가리킨다. 아래는 Hermione, Harry, Hagrid 세 문자열을 트라이에 저장한 형태이다. 트라이에서 값을 검색하는데 걸리는 시간은 문자열의 길이에 의해 한정되기..

boostcource 모두를 위한 컴퓨터 과학 (CS50 2019) : David J. Malan www.boostcourse.org/cs11 실습환경 : CS50 Sandbox & CS50 IDE 모두를 위한 컴퓨터 과학 (CS50 2019) 부스트코스 무료 강의 www.boostcourse.org 자료 구조 자료 구조(데이터 구조)는 컴퓨터 메모리를 더 효율적으로 관리하기 위해 새로 정의하는 구조체로 일종의 메모리 레이아웃 또는 지도로 생각하면 된다. 자료 구조 중에는 연결 리스트, 해시 테이블, 트라이, 스택, 큐, 딕셔너리 등이 존재한다. 연결 리스트 연결 리스트는 각 값이 메모리 상의 여러 군데에 나누어져 존재하지만 바로 다음 값의 메모리 주소를 기억하고 있어 배열과 비슷하게 값을 연이어 읽을 ..

boostcource 모두를 위한 컴퓨터 과학 (CS50 2019) : David J. Malan www.boostcourse.org/cs11 실습환경 : CS50 Sandbox & CS50 IDE 모두를 위한 컴퓨터 과학 (CS50 2019) 부스트코스 무료 강의 www.boostcourse.org C로 구현할 수 있는 다양한 데이터 구조를 배우기 이전에 데이터 구조를 정의하고 관리하는데에 있어서 반드시 필요한 개념인 메모리와 포인터를 복습해보자. malloc과 포인터 복습 이전에 작성한 포스팅 '[CS][CS50] 메모리 - 메모리 주소 / 포인터', '[CS][CS50] 메모리 - 문자열 / 문자열 비교 / 문자열 복사 / 메모리 할당과 해제 / 메모리 교환, 스택, 힙' 참고 아래 코드의 문제점을..

boostcource 모두를 위한 컴퓨터 과학 (CS50 2019) : David J. Malan www.boostcourse.org/cs11 실습환경 : CS50 Sandbox & CS50 IDE 모두를 위한 컴퓨터 과학 (CS50 2019) 부스트코스 무료 강의 www.boostcourse.org 힙 오버플로우 / 스택 오버플로우 앞서 본 메모리 구조를 복습해보자. machine code : 프로그램이 실행될 때 그 프로그램이 컴파일된 바이너리가 저장된다. globals : 프로그램 안에서 저장된 전역 변수가 저장된다. heap (힙) : malloc 로 할당된 메모리의 데이터가 저장된다. malloc 에 의해 메모리가 더 할당될수록, 점점 사용하는 메모리의 범위가 아래로 늘어난다. stack (스택..

boostcource 모두를 위한 컴퓨터 과학 (CS50 2019) : David J. Malan www.boostcourse.org/cs11 실습환경 : CS50 Sandbox & CS50 IDE 모두를 위한 컴퓨터 과학 (CS50 2019) 부스트코스 무료 강의 www.boostcourse.org C로 작성한 변수들이 실제로 컴퓨터 메모리에 저장되는 모습에 대해서 알아보자. 메모리 주소를 나타내는 방법과 그 주소를 알아내는 방법, 그 주소에 찾아가는 방법을 차례로 보자. 문자열 복습해보자면 문자열은 문자의 배열이다. string s = "EMMA"; 위 처럼 선언된 변수 s은 사실은 ["E", "M", "M", "A", \0] 라는 문자열을 가리키는 포인터가 된다. 더 상세히는 문자열의 가장 첫번째 ..