기술 습관/Javascript
-
코테 준비와 함께 JS기본기를 탄탄히 하고자 작성. JS 기본 문법 정리 본 내용은 모두 https://ko.javascript.info/ 내용을 참조하여 작성 간단한 작성 계기 : JS는 구글링+JS문법 인강으로 배운 게 전부라 디버깅이 주먹구구식. 제대로 공부하고 숙지하기 위해 글을 작성. Debugging이란? 스크립트 내 에러를 검출해 제거하는 일련의 과정 Source 패널 Source 패널은 크게 세 개의 영역으로 구성 파일 탐색 영역 - 페이지를 구성하는 데 쓰인 모든 리소스(HTML, JavaScript, CSS, 이미지 파일 등)를 트리 형태로 전개 코드 에디터 영역 - 리소스 영역에서 선택한 파일의 소스 코드를 출력. 자바스크립트 디버깅 영역 - 디버깅에 관련된 기능을 제공 Console..
[JS 코드 품질 개선] Chrome으로 디버깅하는 법코테 준비와 함께 JS기본기를 탄탄히 하고자 작성. JS 기본 문법 정리 본 내용은 모두 https://ko.javascript.info/ 내용을 참조하여 작성 간단한 작성 계기 : JS는 구글링+JS문법 인강으로 배운 게 전부라 디버깅이 주먹구구식. 제대로 공부하고 숙지하기 위해 글을 작성. Debugging이란? 스크립트 내 에러를 검출해 제거하는 일련의 과정 Source 패널 Source 패널은 크게 세 개의 영역으로 구성 파일 탐색 영역 - 페이지를 구성하는 데 쓰인 모든 리소스(HTML, JavaScript, CSS, 이미지 파일 등)를 트리 형태로 전개 코드 에디터 영역 - 리소스 영역에서 선택한 파일의 소스 코드를 출력. 자바스크립트 디버깅 영역 - 디버깅에 관련된 기능을 제공 Console..
2024.04.12 -
코테 준비와 함께 JS기본기를 탄탄히 하고자 작성. JS 기본 문법 정리 본 내용은 모두 https://ko.javascript.info/ 내용을 참조하여 작성 이번에 코딩테스트하면서 Set에 대한 기본 개념이 부족해 Map으로 풀이하면서 더 쉽게 풀 수 있는 문제를 어렵게 풀이. 반성하는 의미로 Map과 Set에 대한 내용 공부 Map 키가 있는 데이터를 저장한다는 점에서 객체와 유사 다만 맵의 경우 다양한 자료형을 허용 맵은 객체와 다르게 key를 문자형으로 변환하지 않으며 자료형 제약이 없다. = 객체 또한 키가 될 수 있음 // eg let john = { name: "John" }; // 고객의 가게 방문 횟수를 세본다고 가정해 봅시다. let visitsCountMap = new Map(); ..
[JS 자료구조와 자료형] Map / Set코테 준비와 함께 JS기본기를 탄탄히 하고자 작성. JS 기본 문법 정리 본 내용은 모두 https://ko.javascript.info/ 내용을 참조하여 작성 이번에 코딩테스트하면서 Set에 대한 기본 개념이 부족해 Map으로 풀이하면서 더 쉽게 풀 수 있는 문제를 어렵게 풀이. 반성하는 의미로 Map과 Set에 대한 내용 공부 Map 키가 있는 데이터를 저장한다는 점에서 객체와 유사 다만 맵의 경우 다양한 자료형을 허용 맵은 객체와 다르게 key를 문자형으로 변환하지 않으며 자료형 제약이 없다. = 객체 또한 키가 될 수 있음 // eg let john = { name: "John" }; // 고객의 가게 방문 횟수를 세본다고 가정해 봅시다. let visitsCountMap = new Map(); ..
2024.04.12 -
코테 준비와 함께 JS기본기를 탄탄히 하고자 작성. 자바와 달라서 한 번쯤 짚고 넘어갈 필요가 있거나 내가 몰랐던 JS 기본 문법들을 정리 본 내용은 모두 https://ko.javascript.info/ 내용을 참조하여 작성 함수 함수는 프로그램을 구성하는 주요 구성요소(building block) 기본값 함수 호출 시 매개변수에 인수를 전달하지 않을 경우 해당 값은 undefined가 된다. 즉 매개변수에 값을 전달하지 않아도 에러 없이 undefined가 할당될 뿐이므로 만약 매개변수에 값을 전달하지 않아도 그 값이 undefined가 되지 않기를 원한다면 함수를 선언할 때 = 를 사용해 기본값을 설정해주면 된다. const showMessage = ( from, text = "No Message"..
[JS 기본 문법] 2.15 함수코테 준비와 함께 JS기본기를 탄탄히 하고자 작성. 자바와 달라서 한 번쯤 짚고 넘어갈 필요가 있거나 내가 몰랐던 JS 기본 문법들을 정리 본 내용은 모두 https://ko.javascript.info/ 내용을 참조하여 작성 함수 함수는 프로그램을 구성하는 주요 구성요소(building block) 기본값 함수 호출 시 매개변수에 인수를 전달하지 않을 경우 해당 값은 undefined가 된다. 즉 매개변수에 값을 전달하지 않아도 에러 없이 undefined가 할당될 뿐이므로 만약 매개변수에 값을 전달하지 않아도 그 값이 undefined가 되지 않기를 원한다면 함수를 선언할 때 = 를 사용해 기본값을 설정해주면 된다. const showMessage = ( from, text = "No Message"..
2024.03.27 -
코테 준비와 함께 JS기본기를 탄탄히 하고자 작성. 자바와 달라서 한 번쯤 짚고 넘어갈 필요가 있거나 내가 몰랐던 JS 기본 문법들을 정리 본 내용은 모두 https://ko.javascript.info/ 내용을 참조하여 작성 형 변환 (Type Conversion) 함수와 연사자에 전달되는 값은 대부분 적절한 자료형으로 자동 변환. 의도적으로 변환(명시적 변환)하고자 하는 경우를 아래에서 서술 // 문자형 변환 let val = 10; val = String(val); // 숫자형 변환 let val = "123"; val = Number(val); // 숫자 이외의 글자가 들어가는 경우 그 결과는 NaN 반환 // null -> 0 / true & false -> 1 & 0 // 숫자가 될 문자열 앞..
[JS 기본 문법] 2.7 형 변환, 2.12 nullish 병합 연산자 '??'코테 준비와 함께 JS기본기를 탄탄히 하고자 작성. 자바와 달라서 한 번쯤 짚고 넘어갈 필요가 있거나 내가 몰랐던 JS 기본 문법들을 정리 본 내용은 모두 https://ko.javascript.info/ 내용을 참조하여 작성 형 변환 (Type Conversion) 함수와 연사자에 전달되는 값은 대부분 적절한 자료형으로 자동 변환. 의도적으로 변환(명시적 변환)하고자 하는 경우를 아래에서 서술 // 문자형 변환 let val = 10; val = String(val); // 숫자형 변환 let val = "123"; val = Number(val); // 숫자 이외의 글자가 들어가는 경우 그 결과는 NaN 반환 // null -> 0 / true & false -> 1 & 0 // 숫자가 될 문자열 앞..
2024.03.27 -
http 통신 할 때 항상 이런것들이 있구나~ 하고 어렴풋하게 인지만 하고 넘어갔는데, 해당 메서드의 필요로 하는 인자값이 왜 필요로 하는지 등을 짚고 넘어가지 않으면 기억에 오래 남지 않는 것 같아서 기본적인 것들은 숙지해두자는 취지로, 오늘은 Node.js에서 기본으로 제공되는 http response.writeHead()에 대한 간략한 공부를 해보고 넘어가겠다. response.writeHead(statusCode, headers) statusCode : http 통신 후 받은 response의 상태코드를 특정. 서버로부터 특정한 상태코드를 받으면 어떤 식으로 반응할 것이다. 라고 했을 때 특정한 상태코드 중 '어떤 것' 에 대한 정의를 하는 파라미터 Status Code 막간 상식 2XX : Su..
[Node.js/http] http response.writeHead()의 인자값들http 통신 할 때 항상 이런것들이 있구나~ 하고 어렴풋하게 인지만 하고 넘어갔는데, 해당 메서드의 필요로 하는 인자값이 왜 필요로 하는지 등을 짚고 넘어가지 않으면 기억에 오래 남지 않는 것 같아서 기본적인 것들은 숙지해두자는 취지로, 오늘은 Node.js에서 기본으로 제공되는 http response.writeHead()에 대한 간략한 공부를 해보고 넘어가겠다. response.writeHead(statusCode, headers) statusCode : http 통신 후 받은 response의 상태코드를 특정. 서버로부터 특정한 상태코드를 받으면 어떤 식으로 반응할 것이다. 라고 했을 때 특정한 상태코드 중 '어떤 것' 에 대한 정의를 하는 파라미터 Status Code 막간 상식 2XX : Su..
2024.03.23