Dev Diary 💻

Intro 안녕하세요. 이번 시간에는 자바스크립트에서 특정 문자열을 제거하는 방법에 대해 알아보도록 하겠습니다. How to solve the problem 자바스크립트에서 특정 문자열을 제거하는 방법은 다양한데요, 그 중에서 저는 replace() 함수를 사용하여 특정 문자열을 제거해보겠습니다. replace()함수는 특정 문자열이 존재하거나 정규식에 만족할 경우, 원하는 문자열로 대체해 줍니다. const str = 'APPLE'; console.log(str.replace('A', '')); // 문자열 'A'를 빈 값으로 대체, result: PPLE console.log(str.slice('L', '')); // 문자열 L'를 빈 값으로 대체, result: APPE

Intro moment.js 라이브러리를 사용하여 날짜 객체를 다루던 도중 다음과 같은 오류가 발생했습니다. Deprecation warning: value provided is not in a recognized RFC2822 or ISO format. moment construction falls back to js Date(), which is not reliable across all browsers and versions. Non RFC2822/ISO date formats are discouraged and will be removed in an upcoming major release. Please refer to http://momentjs.com/guides/#/warnings/js-da..

Intro JavaScript의 Math.floor() 메소드에 대해 알아보도록 하겠습니다. Math.floor()? Math.floor() 함수는 항상 내림하여 주어진 숫자보다 작거나 같은 가장 큰 정수를 반환합니다. Syntax Math.floor(x) Parameters x : A number 숫자 Example Math.floor(-Infinity); // -Infinity Math.floor(-45.95); // -46 Math.floor(-45.05); // -46 Math.floor(-0); // -0 Math.floor(0); // 0 Math.floor(4); // 4 Math.floor(45.05); // 45 Math.floor(45.95); // 45 Math.floor(Infini..

Intro JavaScript의 parseInt() 메소드에 대해 알아보도록 하겠습니다. parseInt()란? parseInt() 함수는 문자열 인자를 파싱하여 특정 진수(수의 진법 체계에서 기준이 되는 값)의 정수를 반환합니다. Syntax parseInt(string) parseInt(string, radix) Parmaters string : 파싱할 값입니다. 문자열이 아닐 경우 ToString 추상 연산을 사용해 문자열로 변환합니다. 문자열의 선행 공백은 무시합니다. radix (optional) : string의 진수를 나타내는 2부터 36까지의 정수입니다. Example parseInt('0xF', 16) parseInt('F', 16) parseInt('17', 8) parseInt(021..

Intro javascript의 익명함수에 대해 알아보도록 하겠습니다. Anonymous function 익명 함수는 연결된 이름이 없는 함수입니다. 일반적으로 JavaScript에서 함수를 정의하기 위해 함수 이름 앞에 function 키워드를 사용하지만 JavaScript의 익명 함수에서는 함수 이름 없이 function 키워드만 사용합니다. 익명 함수는 처음 생성된 후에는 접근할 수 없으며 값으로 함수로 저장된 변수로만 접근할 수 있습니다. 익명 함수는 여러 인수를 가질 수도 있지만 하나의 표현식만 가질 수 있습니다. Syntax function() { // Function Body } → function 키워드를 사용하여 선언하였습니다. ( () => { // Function Body... } )..

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..

이 글은 udemy의 React 완벽 가이드 with Redux, Next.js, TypeScript 강좌를 바탕으로 정리한 내용입니다. 24. Module Content React Core Syntax & JSX Working with Components Working with Data 25. 컴포넌트란 무엇인가? 왜 리액트는 컴포넌트의 전부라고 하는가? you will be able to focus on your core business logic that makes up your application instead of having to focus on the actual steps of updating the page when something happens somewhere. React is a..