본문 바로가기

분류 전체보기35

Window OS에서 자동으로 commit을 하도록 예약하고 싶어요 발생한 문제 내가 작성한 코드들이 특정 시간에 자동으로 커밋되도록 하고 싶은데, git에는 예약 기능이 없다. 리눅스/유닉스 계열 OS에선 쉘 스크립트(.sh)를 만들고 cron이라는 작업스케쥴러를 이용하여 예약기능을 어느정도 구현할 수 있다던데, 문제는 현재 사용하는 OS가 window다. 나는 리눅스는 몰라도 window OS에 대해서 공부한 적은 없다... 목표 이상적인 목표: git의 명령어들을 저장해놨다가 정해진 시간에 동기화하여 실행하고 싶다. 최소 목표: 로컬파일들이 정해진 시간에 로컬에 커밋되도록 하고 싶다. commit 예약기능은 왜 아직도 안 나왔는지 모르겠다. 1일 1커밋을 실천하려는 사람, 휴가 때도 커밋 이력을 남기고 싶은 사람, 그냥 안전하게 백업을 자동화하고 싶은 사람... 기.. 2023. 5. 22.
배열이나 문자열 자르는 메소드: slice, substring, splice 정리 공부하다가 배열이나 문자열 자르는 메소드들이 헷갈려서 예시코드와 함께 정리했다. slice, substring, splice 얘네들은 하는 일은 뭔가를 자른다는 점에서 비슷하다. 근데 조금 하는 일이 다르다. 모질라 재단의 공식문서를 참고해서 해당 내용들을 공부하고 정리했다. *String.prototype.substr()함수 같은 경우 ECMAScript 표준에서 Deprecated (사용 권장 X)으로 나타나있습니다. 이것 대신 slice나 substring을 사용하는 것이 권장되므로 이 글에서 substr() 함수는 정리하지 않았습니다. Array.prototype.slice() slice() 메서드는 어떤 배열의 begin부터 end까지(end 미포함)에 대한 얕은 복사본을 새로운 배열 객체로 반.. 2023. 5. 18.
스네이크 케이스로 된 파일명을 케밥 케이스로 바꾸기(node.js) 학부 때 C를 사용할 때, 습관적으로 파일명으로 스네이크 케이스를 사용했다. 최근에서야 안 것인데 자바스크립트(node.js) 코드는 카멜 케이스와 파스칼 케이스를 사용하지만, 파일명으로는 대개 케밥 케이스를 사용한다. 이 참에 파일명을 전부 케밥 케이스로 바꾸려고 한다. *혹시 헷갈리는 분을 위해 스네이크 케이스 vs 케밥 케이스 ex) 'solve problem fast.js'라는 파일명을 사용하고자 할 때. 스네이크 케이스(Snake case): 영어 소문자와 언더스코어('_') 로 이름을 붙이는 방식. =>'solve_problem_fast.js' 케밥 케이스(Kebab case): 영어 소문자와 하이픈('-')으로 이름을 붙이는 방식. =>'solve-problem-fast.js' 둘 다 파일명.. 2023. 5. 16.
티스토리에서 자꾸 502 bad gateway 에러가 나요 발생한 문제: 티스토리 관리 기능에 접속하거나 글쓰기 등을 시도하면 자꾸 502 bad gateway가 발생하는 경우 502 bad gateway가 발생하는 원인은 너무나도 다양하다. 좀 일목요연하게 그 원인들이 정리된 것을 보고 싶어서 chatgpt에게 물어봤다. 정리하면 다음과 같았다. 잘못된 구성 또는 연결 오류: 게이트웨이 서버 또는 프록시 서버의 잘못된 구성 또는 잘못된 연결 설정으로 인해 오류가 발생할 수 있다. 백엔드 서버 다운: 게이트웨이가 요청을 받아 백엔드 서버로 전달하려고 시도하지만, 백엔드 서버가 다운되었거나 응답하지 않는 경우에도 502 Bad Gateway 오류가 발생할 수 있다. 네트워크 문제: 네트워크 연결의 문제로 인해 게이트웨이와 백엔드 서버 간의 통신이 실패할 수 있다... 2023. 5. 16.
함수 선언문과 함수 표현식의 차이 이 글에선 함수 선언문과 함수 표현식의 차이점을 간단하게 살펴본다. *호이스팅에 대한 배경지식이 요구됩니다. https://cuziam.tistory.com/entry/Hoisting이란-핵심만-알고가자 Hoisting이란? 핵심만 알고가자 호이스팅이 무엇이고, 언제 발생하는지 예시코드를 통해 알아본다. 그리고 호이스팅이 문제가 되는 지점에 대해서도 알아본다. 인터넷에서 프론트엔드 면접 자료를 찾아보면, 호이스팅에 관한 cuziam.tistory.com 일단 이 둘은 함수를 정의하는 법이라는 점과 함수 리터럴을 이용한다는 점에서 동일하다. 함수 리터럴의 형식 함수 리터럴은 function 키워드, 함수 이름(생략가능), 매개 변수 목록, 함수 몸체로 이루어져 있다. 함수 리터럴은 사용되는 형태(문맥)에 .. 2023. 5. 1.
var, let, const의 차이점 간결하게 요약! var, let, const의 차이점에 대해서 예시코드와 함께 간결하게 정리했다. 이 내용도 프론트엔드 엔지니어를 준비하는 사람에겐 단골질문으로 나온다고 한다. var, let, const는 크게 보면 스코프, 재선언의 가능 여부, 재할당의 가능 여부, 호이스팅 이렇게 4가지 부분에서 차이점이 있다. 1. 스코프의 차이 var은 함수 스코프를, let과 const는 블록스코프를 가진다. function testScope() { var a = 1; let b = 2; const c = 3; if (true) { var a = 4; //위에서 선언된 a와 동일한 스코프 let b = 5; //위에서 선언된 b와 다른 스코프 const c = 6;//위에서 선언된 c와 다른 스코프 console.log("in.. 2023. 5. 1.