'Level Up' 카테고리의 글 목록

[일기] 2021년 상반기 회고

2021년 1월~7월에 대한 회고를 남겨보려고 합니다. '개발자 + 블로그 + 기록' 등의 단어로 검색을 하다보면 종종 보이는 것이 '0000년 회고' 글이었는데 열심히 살아온 흔적을 남기는 모습이 참 멋있어 보였습니다. 그래서 저도 올해 상반기에 꼭 회고를 써야지, 하고 다짐했고 오늘 이렇게 작성하게 되었습니다! 와아 코드스테이츠 코스 수강 올해 상반기는 정말 잊지못할 시간이자 저에게 여러모로 의미있는 기간입니다. 꽤 오랜 기간동안 취준 생활을 했었던 저는 올해 초에 자존감이 바닥을 찍고 있었습니다. 깊은 고민 끝에 취준을 잠시 중단하고 내 실력을 제대로 키워보자, 라고 결정했을 때 '코드스테이츠'라는 곳을 알게 되었습니다. 취업 할 때까지 수강료 0원이라는 점과 커리큘럼이 마음에 들어 지원하게 되었고..

Level Up/Diary 2021. 7. 31. 22:39

[JavaScript] IIFE

IIFE는 무엇인가요? IIFE는 즉시 실행 함수 표현식(Immediately Invoked Function Expression)으로 정의되자마자 즉시 실행되는 함수입니다. // 1 (function () { console.log('IIFE'); })(); // 2 (() => console.log('IIFE'))(); // 3 (() => { console.log('IIFE'); })(); 즉시 실행 함수는 함수 리터럴을 '( )'로 감싼 뒤 바로 실행하는 형태가 일반적입니다. 즉시 실행 함수를 보면 '( )'가 두 개 있습니다. 전자의 '( )'는 함수 리터럴로 주로 익명함수(Anonymous Function)로 작성할 수 있습니다. 다만 함수를 함수 선언문이 아닌 함수 표현식으로 작성해야 합니다. ..

Level Up/Study 2021. 6. 21. 22:35

[CS] 가비지 컬렉션

가비지 컬렉션(Garbage Collection) 가비지 컬렉션이란 메모리 관리 기법 중 하나로 프로그램이 동적으로 할당했던 메모리 영역 중에서 필요없게 된 영역을 자동으로 해제하는 기능입니다. 가비지(gabage)는 유효하지 않은 메모리 주소, 해제되지 않은 메모리 영역을 의미하는데 메모리가 부족할 때마다 쓰레기인 가비지를 정리해주는 기능이라고 생각하면 됩니다. 그리고 시스템에서 가비지 컬렉션 작업을 수행하는 부분을 가비지 컬렉터(garbage collector)라고 부릅니다. C, C++ 언어에는 별도의 가비지 컬렉터가 없습니다. 즉, 프로그래머가 메모리를 할당하여 사용한 후에 직접 수동으로 동적 메모리를 해제해주어야만 했습니다. 만약에 다 쓴 메모리를 해제하지 않고 프로그램을 종료하게 되면 메모리 ..

Level Up/Study 2021. 6. 20. 17:05

[JavaScript] rest syntax와 spread syntax

Rest 파라미터(Rest Parameter) Rest 파라미터는 매개변수 이름 앞에 세개의 점(...)을 붙여 정의한 매개변수로 여러 개의 인자들을 하나의 배열로 만들 수 있습니다. 그래서 인수의 갯수를 지정해주지 않고도 들어온 모든 인수를 배열로 바꿔 전달받을 수 있습니다. function foo(...rest) { console.log(rest); } foo(1, 2, 3, 4, 5); // [1, 2, 3, 4, 5] 함수의 마지막 파라미터 앞에 ...를 붙여 앞의 인수를 제외한 나머지 갯수의 인수들을 배열로 대체할 수 있습니다. 즉, 함수에 전달된 인수들은 순서대로 파라미터와 Rest 파라미터에 할당됩니다. 중요한 점은 마지막 파라미터만 Rest 파라미터가 될 수 있습니다. function fo..

Level Up/Study 2021. 6. 19. 22:45

[HTTP] method

HTTP에서 사용할 수 있는 method에는 여러 개가 있습니다. method의 종류에 대해 알아보고 그중에서 헷갈리는 method를 비교해보겠습니다. HTTP method http에서 클라이언트에서 요청(request)를 보내면 서버는 요청을 처리해서 응답(response)해줍니다. 이때 요청 method에 따라서 서버에서 진행하는 작업, 데이터 처리, 응답 메시지 형태 등이 달라집니다. 1. GET: 데이터 조회 요청 (CRUD의 R) 2. POST: 새로운 데이터 생성 (CRUD의 C) 3. PUT: 데이터 변경, 업데이트 (CRUD의 U) 4. PATCH: 일부 데이터 변경, 업데이트 (CRUD의 U) 5. DELETE: 데이터 삭제 (CRUD의 D) 6. HEAD: 응답 본문 없이 헤더만 요청 ..

Level Up/Study 2021. 6. 18. 17:46

[HTML] <script> 태그

와 같이 사용할 수 있습니다. 또는, src 속성을 사용하여 외부 스크립트 파일을 불러올 수 있습니다. HTML 문서를 읽고 파싱하는 과정에서 defer도 async와 비슷합니다. 태그를 만나도 HTML 파싱이 중단되지 않고 javaScript 파일과 함께 파싱됩니다. 하지만 다른 점은 javaScript 코드를 실행하는 시점은 HTML 파싱이 모두 완료된 이후입니다. 이처럼 , , 태그를 상황에 맞게 사용하여 스크립트 파일의 파싱 순서를 제어할 수 있습니다. Reference HTML Tag 브라우저는 어떻게 동작하는가? : 스크립트 요소 script의 async와 defer 속성

Level Up/Study 2021. 6. 14. 16:51

[CS] 문자열과 유니코드

문자열(String) 문자열(String)은 메모리에 저장된 일련의 연속된 문자(Character)들의 집합을 의미합니다. 예로 "안녕하세요"는 "안", "녕", "하", "세", "요"라는 5개의 문자로 이루어진 문자열이라고 할 수 있습니다. 문자열은 문자의 종류에 따라 크기가 달라집니다. 알파벳 대소문자 52자(A-Za-z), 숫자 10자(0-9), 각종 특수기호는 1byte입니다. 하지만 한글, 한자 등은 2byte입니다. 유니코드(Unicode) 유니코드(Unicode)는 전 세계의 모든 문자를 컴퓨터에서 일관되게 표현하고 다룰 수 있도록 설계된 산업 표준입니다. 사람은 매우 다양한 언어를 사용하지만 컴퓨터는 0, 1만 이해합니다. 그래서 컴퓨터와 사람이 대화하기 위해 중개자가 필요한데 이 중개자..

Level Up/Study 2021. 6. 12. 23:45

매일 한걸음씩 성장하기