목록important (16)
Kimyeongkyung

혼자 진행중인 사이드 프로젝트가 있는데, 백엔드 서버를 배포하기 위해 여러 호스팅 서비스를 알아보다가 Heroku로 배포해보기로 했다. 이 때까지만 해도 무료 버전이 있는 줄 알고있었다..ㅎ 먼저 Heroku에 가입을 했고, 보안을 위해 Salesforce Authenticator 앱을 휴대폰에 다운받아 로그인 시 보안코드를 입력할 수 있도록 설정까지 끝냈다. 그 후, 서버 배포를 위해 이런저런 시도를 하다가 에러도 경험해보고, 그러던 와중에 heroku가 작년부터 무료버전이 사라졌다는 소식을 뒤늦게 알게 되었다. 아주 작은 사이드 프로젝트라 무료 호스팅 서비스를 찾고싶었기에 나는 heroku에 생성했던 앱을 바로 삭제했다. 그리고 당분간은 heroku를 이용하지 않을 것 같아 휴대폰에 깔아뒀던 Sale..
endsWith() 생소한 메서드여서 공부해보기로 했다. 프로그래머스 코딩테스트 연습하다가 알게 된 메서드인데, 어떤 문자열이 지정 문자열로 끝나는지 판단하는 메서드라고 한다. string.endsWith( searchString, length ) 예를 들어보자면, const text = "abcde"; // text에 "e"가 포함되는지 text.endsWith( 'e' ) // true // "abc"에 "e"가 포함되는지 text.endsWith( 'e', 3 ) // false endsWith()는 대소문자를 구분한다. const text2 = "abcdE"; // text에 "de"가 포함되는지 text.endsWith( 'de' ) // false 참고자료 https://www.codingfa..
replace()와 replaceAll()은 공통적으로 치환할 때 사용하는 메서드지만 분명한 차이가 존재한다. replaceAll() 조건 대상이 되는 문자를 모두 치환한다. ECMA-262 12th(2021) 스펙을 기준으로 replaceAll() 기능이 추가되었기 때문에 최신을 바탕으로 하는 개발 환경이 아니라면 replaceAll()은 사용하기가 어려움 예시 const message = "Hello Hello world!"; document.write(message.replaceAll("Hello", "Happy")); // 결과 // "Happy Happy world!" replace() 기본적으로 동작하는 방식은 조건 대상이 되는 첫 번째 문자 하나만 치환한다. 전달받은 문자를 수정하는 것이 아..
Axios interceptor request와 response가 then과 catch에 의해 처리되기 전에 전역적으로 가로채게 허용해주는 axios library header 추가, 인증 관리, 로깅, 에러 처리 등의 작업을 할때 매우 유용 interceptor들은 http request나 response 객체와 함께 호출되는 함수이다. 단일 interceptorsms 객체가 전달되기 전에 객체를 변화하도록 선택할 수도 있고, 이어지는 process에 체인(훅)을 걸어 다음에 동작할 함수를 선택할 수도 있다. 정리) axios의 return이 Promise 타입인 점을 이용해 http request, response가 then이나 catch가 처리되기 이전에 부가적인 작업을 할 수 있도록 도와주는 li..

옵셔널 체이닝(?.)는 쉽게 볼 수 있지만 (!.)연산자는 처음 보게 되어 기록하고자 한다. 자바스크립트를 포함한 대부분 프로그래밍 언어에서 느낌표(!)는 주로 False를 의미하는 연산자로 사용된다. 그런데 이 느낌표(!)를 변수 뒤에 사용하면 완전하 다른 뜻이 된다. 피연산자가 Nullish(null이나 undefined) 값이 아님을 단언할 때 사용할 수 있다는 것. 예시 코드를 작성하기 위해 TestObject 이름으로 타입을 선언하고, last 키값에 null 값을 줬다. 타입스크립트는 아래와 같은 에러를 뱉는다. 에러 내용 : 개체가 null 인 것 같다. 느낌표를 붙여주면 에러가 사라진다.