Dev Diary 💻

Intro Axios의 catch() 문에서 Status Code 를 받아오는 방법에 대해 알아보도록 하겠습니다. 예를 들어 다음의 axios 요청이 있다고 가정해 봅시다. axios .get('foo.example') .then((response) => {}) .catch((error) => { console.log(error); //Logs a string: Error: Request failed with status code 404 }); 다음의 방법으로 console.log 로 찍어볼 경우 단순 string 만 반환하게 됩니다. return 된 object를 받고 싶을 경우 어떻게 해야 할까요? How to solve the problem axios.get('/foo') .catch(functio..

Intro JavaScript 에서 현재 시간을 기준으로 한달 전/후 날짜를 구하는 방법에 대해 알아보도록 하겠습니다. How to solve the problem let now = new Date();// 현재 날짜 및 시간 console.log("현재 : ", now); // 현재 : Fri Sep 30 2022 11:05:32 GMT+0900 (한국 표준시) let oneMonthAgo = new Date(now.setMonth(now.getMonth() - 1));// 한달 전 console.log("한달 전 : ", oneMonthAgo); // 한달 전 : Tue Aug 30 2022 11:05:32 GMT+0900 (한국 표준시) let now = new Date();// 현재 날짜 및 시간..

Intro 특정 문자 전까지 문자열을 자르는 방법에 대해 알아보도록 하겠습니다. "message" : "No: 1, 2\nHello World!" 구체적인 예시를 들어보겠습니다. 다음의 데이터가 있다고 가정해봅시다. 기존에는 message에 해당하는 value (string) 값을 화면에 그대로 표출하였습니다.하지만 위 문자열에서 \n 을 기준으로 하여 단순하게 No: 1, 2 만 표시를 해야 한다면 어떤 방법을 사용해야 할까요? How to solve the problem javascript의 내장 함수인 substring() 와 indexOf()를 활용하면 됩니다. indexOf()로 index 8을 반환하므로 최종적으로 substring(0, 8) 이 됩니다. 해당 문자열에서 인덱스 0부터 8전까지..

Intro JavaScript 의 JSON.parse() 함수에 대해 알아보도록 합시다. JSON.parse() JSON.parse() 메서드는 JSON 문자열의 구문을 분석하고, 그 결과에서 JavaScript 값이나 객체를 생성합니다. 선택적으로, reviver 함수를 인수로 전달할 경우, 결과를 반환하기 전에 변형할 수 있습니다. Syntax JSON.parse(text[, reviver]) Parmaters text : JSON으로 변환할 문자열 reviver (optional) : 함수라면, 변환 결과를 반환하기 전에 이 인수에 전달해 변형함. return value : 주어진 JSON 문자열에 대응하는 Object expectiln : 변환할 문자열이 유효한 JSON이 아닐 경우 Syntax..

이 글은 드림코딩님의 '자바스크립트의 역사와 현재 그리고 미래 (JavaScript, ECMAScript, JQuery, Babel, Node.js)' 를 바탕으로 정리한 내용입니다. History 1993년 UI 요소가 가미된 첫번째 웹 브라우저가 탄생하게 됨 Mosaic Web Browser 1994 Netscape Navigator 탄생 Mosaic Web Browser 를 이끌던 Mac Andressen은 Netscape을 설립함 Netscape Navigator - Wikipedia 초기 인터넷 사용자들의 폭발적 반응을 얻어 약 90%의 시장점유율을 차지했다. 정적 사이트 어떻게 하면 동적인 웹사이트를 만들 수 있는지 고심 → scripting 언어를 추가해보자! Java → 너무 무거워! Sc..

Intro JavaScript의 prompt() 함수 사용 방법에 대해 알아보도록 합시다. Window.prompt() prompt()는 사용자가 텍스트를 입력할 수 있도록 안내하는 선택적 메세지를 갖고 있는 대화 상자를 띄웁니다. Syntax prompt() prompt(message) prompt(message, defaultValue) Parameters message (Optional) : 사용자에게 보여줄 문자열을 나타낸다. defaultValue (Optional) : 텍스트 입력 필드에 기본으로 채워넣을 문자열을 뜻한다. return value : 사용자가 입력한 문자열, 또는 null Example let sign = prompt("당신의 별자리는 무엇입니까?"); if (sign.toLo..