기술 습관
-
코테 준비와 함께 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 -
수업 내용 중 Docker를 설명하고 설치하는 내용 중 의문이 생겨 조사해본 내용을 노션에서 블로그로 옮긴다. 처음 Docker를 설치해본게 약 4년 전으로, 당시에 나는 MacOS를 사용 중이었는데 그 때는 Docker를 사용하지 않으면 아예 사용 자체가 안되는게 있어 Docker를 설치했던 기억이 있는데, 당최 그 이유가 생각이 잘 나지가 않는다. 워낙 마이너한 이슈였었고 그때만 해도 Docker를 지금보다도 몰랐기 때문인 것 같다. 그래서 대충 MacOS 환경에서는 거의 필수적으로 Docker가 필요했다는 정도의 인상이 있었는데, 그렇다면 Windows 환경에서 꼭 Docker사용이 필요할까? 없이도 잘만 개발이 가능한데? 하는 의문이 들어 아래 내용을 구글링해보게 됐다. 결론적으로 말하자면 사실상..
[Docker] Windows에서 Docker를 사용하면 좋은 이유? 혹은 좋지 않은 이유?수업 내용 중 Docker를 설명하고 설치하는 내용 중 의문이 생겨 조사해본 내용을 노션에서 블로그로 옮긴다. 처음 Docker를 설치해본게 약 4년 전으로, 당시에 나는 MacOS를 사용 중이었는데 그 때는 Docker를 사용하지 않으면 아예 사용 자체가 안되는게 있어 Docker를 설치했던 기억이 있는데, 당최 그 이유가 생각이 잘 나지가 않는다. 워낙 마이너한 이슈였었고 그때만 해도 Docker를 지금보다도 몰랐기 때문인 것 같다. 그래서 대충 MacOS 환경에서는 거의 필수적으로 Docker가 필요했다는 정도의 인상이 있었는데, 그렇다면 Windows 환경에서 꼭 Docker사용이 필요할까? 없이도 잘만 개발이 가능한데? 하는 의문이 들어 아래 내용을 구글링해보게 됐다. 결론적으로 말하자면 사실상..
2024.03.23 -
3월부터 개발 TIL을 작성하기로 해놓고 가장 처음 쓰게되는 글이 인텔리제이 삽질일 줄은 몰랐다. 강의는 VSCode로 진행하지만 이 참에 다 까먹은 인텔리제이와 친해져보고자 인텔리제이로 프로그래밍을 위해 작성 중에 인텔리제이 CV가 씹히고 Insert가 눌려서 이게 뭔가.. 일단 CV가 안되는 문제이니 인텔리제이 CV 안됨으로 검색해봤더니 File > Settings > Paste 검색 > 좌측 Smart Keys 클릭 후 Reformat on paste를 None 또는 Indent block 으로 수정하라는 해결책을 확인. 그러나 백번 해줘도 안돼서 이번엔 IntelliJ insert 눌림으로 검색했더니 간단히 해결책이 나왔다. Vim Emulator가 필요할 것 같아서 플러그인을 설치한게 문제였다...
[IntelliJ] 코드 복사 붙여넣기(CV)도 안되고 자꾸 Insert가 눌릴 때3월부터 개발 TIL을 작성하기로 해놓고 가장 처음 쓰게되는 글이 인텔리제이 삽질일 줄은 몰랐다. 강의는 VSCode로 진행하지만 이 참에 다 까먹은 인텔리제이와 친해져보고자 인텔리제이로 프로그래밍을 위해 작성 중에 인텔리제이 CV가 씹히고 Insert가 눌려서 이게 뭔가.. 일단 CV가 안되는 문제이니 인텔리제이 CV 안됨으로 검색해봤더니 File > Settings > Paste 검색 > 좌측 Smart Keys 클릭 후 Reformat on paste를 None 또는 Indent block 으로 수정하라는 해결책을 확인. 그러나 백번 해줘도 안돼서 이번엔 IntelliJ insert 눌림으로 검색했더니 간단히 해결책이 나왔다. Vim Emulator가 필요할 것 같아서 플러그인을 설치한게 문제였다...
2024.03.14 -
Vscode를 새로 깔 때마다 플러그인도 새로 설치하면서, 자꾸 설정하는 방법을 까먹어서 기록해둔다. Vue로 프로젝트 코딩할 때, 현재 디폴트는 스페이스 두번인데 indent-rainbow는 스페이스 네번이 기본 설정이라 변경해주어야 한다. 먼저 확장에서 indent-rainbow를 검색해주고 빨간 원의 세팅 아이콘을 눌러 확장 설정으로 간 후 해당 부분의 rgba를 변경해주면 된다. 기본 값은 맨 끝이 0.3이 아닌 0.6인데 이게 스페이스 네번을 의미한다. 나는 두번으로 줄여줘야하므로 0.3으로 변경해주었다.
[VSCode 플러그인] indent-rainbow 탭 크기 설정 변경Vscode를 새로 깔 때마다 플러그인도 새로 설치하면서, 자꾸 설정하는 방법을 까먹어서 기록해둔다. Vue로 프로젝트 코딩할 때, 현재 디폴트는 스페이스 두번인데 indent-rainbow는 스페이스 네번이 기본 설정이라 변경해주어야 한다. 먼저 확장에서 indent-rainbow를 검색해주고 빨간 원의 세팅 아이콘을 눌러 확장 설정으로 간 후 해당 부분의 rgba를 변경해주면 된다. 기본 값은 맨 끝이 0.3이 아닌 0.6인데 이게 스페이스 네번을 의미한다. 나는 두번으로 줄여줘야하므로 0.3으로 변경해주었다.
2022.01.02