본문 바로가기

전체 글144

[javascript] 자바스크립트 날짜 포맷 date format 알아보기 안녕하세요! 오늘은 자바스크립트에서 날짜 형식의 데이터를 다루는 방법에 대해 포스팅하려고 합니다. 자바스크립트에서는 날짜를 다루는 데에 유용한 내장 객체인 Date 객체를 사용합니다. 이 객체를 활용하여 날짜 데이터를 원하는 형식으로 포맷하는 방법과 문자 형식의 데이터를 다시 날짜 형식으로 변환하는 방법을 알아보겠습니다. 날짜 형식의 데이터를 처리하는 경우, 데이터의 형식에 따라 문자열로 변환하거나 날짜 객체로 변환하는 작업이 필요합니다. 이러한 기능들을 효율적으로 활용하여 데이터를 다루는 방법을 정리해 드리겠습니다. 그럼 함께 자바스크립트에서 날짜 데이터를 처리하는 방법을 알아보도록 하겠습니다. Date Format 이란? 자바스크립트에서 Date 객체를 사용하여 날짜를 다룰 때, 날짜 데이터의 포맷을.. 2023. 7. 30.
[javascript] 자바스크립트 Promise 알아보기 안녕하세요! 오늘은 자바스크립트의 내장 함수인 Promise에 대해 포스팅하려고 합니다. 프로미스는 자바스크립트에서 비동기적인 작업을 처리하고 처리 결과를 다루는데 유용한 기능입니다. 자바스크립트를 초창기 개발했을 때는 프로미스와 같은 기능이 없었기 때문에 비동기 작업을 처리할 때 콜백 함수를 중첩해서 사용해야 하는 "콜백 지옥"이라고 불리는 복잡한 상황이 종종 발생했습니다. 하지만 Promise가 공식적으로 도입되면서 콜백 지옥을 탈출할 수 있는 방법이 생겨났습니다. Promise는 비동기 작업을 보다 간결하고 직관적으로 처리할 수 있도록 도와주는 객체입니다. Promise를 사용하면 비동기 작업의 성공 또는 실패를 처리하는데 용이하며, 연속적인 비동기 작업을 보다 가독성 좋게 처리할 수 있습니다. 또.. 2023. 7. 29.
[javascript] 자바스크립트 isNaN 함수 정리 안녕하세요! 오늘은 자바스크립트의 기본 내장 함수인 isNaN 함수에 대해 자세히 포스팅하려고 합니다. 자바스크립트를 이용하여 개발을 하다 보면 사용자 인터페이스(UI)에서 숫자형 데이터를 판별하는 상황이 빈번하게 발생합니다. 이럴 때 저 또한 isNaN 함수를 자주 활용하고 있습니다. isNaN 함수는 "Is Not a Number"의 줄임말로, 주어진 값이 숫자가 아닌지를 확인하는 역할을 합니다. 이 함수의 특징과 사용 방법을 하나씩 정리해 보도록 하겠습니다. IsNaN 함수의 특징 1. isNaN 함수는 주어진 값이 숫자가 아닌 경우 true를 반환하고, 숫자인 경우 false를 반환합니다. 2. 숫자가 아닌 경우, NaN(Not a Number) 값을 반환합니다. 3. NaN은 자바스크립트의 특수.. 2023. 7. 27.
[javascript] 자바스크립트 "[object Object]" is not valid JSON 에러 알아보기 안녕하세요! 오늘은 자바스크립트에서 종종 마주치게 되는 "[object Object]" is not valid JSON 에러에 대해 알아보려고 해요. 이 에러는 주로 JSON.parse() 함수를 사용할 때 발생하곤 합니다. JSON.parse() 함수는 JSON 형식의 문자열을 자바스크립트 객체로 변환해 주는데, 그런데 JSON 형식이 아닌 문자열을 이 함수에 전달하면 에러가 나타나게 됩니다. 정말 간단하게 말하면, JSON 형식의 규칙에 맞지 않는 문자열을 사용하면서 JSON.parse() 함수를 호출하면 이 에러가 나타나게 됩니다. 그러면 어떤 상황에서 위와 같은 에러가 발생을 하는지 간단한 예제 코드를 통해서 정리해 보도록 하겠습니다. JSON.parse() JSON.parse()는 자바스크립트의.. 2023. 7. 26.
[Python] 파이썬 특정 문자 찾기 (find, startswitch, endswitch, index) 안녕하세요! 오늘은 파이썬을 개발하면서 문자열 내에서 특정 문자를 찾는 방법에 대해서 정리하려고 합니다. 파이썬은 강력한 문자열 처리 기능을 제공하여 문자열을 다루기에 편리하고 유용한 기능들이 많습니다. 특히 문자열 내에서 특정 문자를 찾는 기능들은 파이썬 개발을 할 때 많이 활용되는 기능들 중 하나입니다. 파이썬 문자열 내에서 특정 문자를 찾기 위해 주로 사용되는 네 가지 기능으로는 find, startswith, endswith, index 가 있습니다. 각각의 기능들은 조금씩 다른 방식으로 동작하지만 모두 문자열 내에서 특정 문자를 찾아주는 유용한 함수들입니다. 그럼 기능별로 예제를 통해서 하나씩 정리해 보도록 하겠습니다. 파이썬의 특정 문자 찾기 위한 기능은 이런 상황에 쓰면 좋습니다. 1. 텍스.. 2023. 7. 25.
[vue] Echart bar 차트 만들기 Vue Echarts는 Vue.js에서 사용되는 데이터 시각화 차트 라이브러리이다. Vue.js 애플리케이션에서 쉽게 Echarts를 통합하고 사용할 수 있도록 도와주는 도구로, Vue 컴포넌트로 차트를 감싸고 데이터를 손쉽게 바인딩할 수 있다. 목차 오늘은 Vue에서 훌륭한 차트 라이브러리인 vue3-echart을 활용하여 bar 형태의 차트를 만들어보려고 합니다. Vue를 개발하는 업무에서 여러 가지 차트 라이브러리를 사용해 봤지만, Apache에서 나온 오픈소스인 vue3-echart는 다양한 기능과 뛰어난 성능으로 좋은 결과를 만든 기억이 있습니다. 라이브러리 이름에 Vue3가 들어갔듯이, 이번 예제에는 Vue3 기반으로 만들어졌습니다. 그럼 예제를 통해서 하나씩 정리해 보도록 하겠습니다. vue.. 2023. 7. 23.
[javascript] 자바스크립트 천단위 콤마 찍기 자바스크립트의 숫자 데이터에 천 단위 콤마를 찍어주는 함수를 공통으로 만들어 숫자 데이터의 가독성을 향상시키고, 코드의 품질 또한 올려줄 수 있다. 목차 오늘은 자바스크립트에서 숫자형 데이터를 처리할 때 자주 사용되는, 천 단위 콤마를 찍는 방법에 대해 정리하려고 합니다. 이 기능은 정말 간단하지만 많이 필요한 기능 중 하나입니다. 숫자형 데이터에 천 단위마다 콤마를 찍어주는 것과 그렇지 않은 것은 가독성에 엄청난 차이를 만들어냅니다. 사용자 입장에서도 콤마가 있는 숫자를 보는 것이 훨씬 편리하고 이해하기 쉬워지기 때문에, 이 기능은 매우 유용하고 필수적입니다. 그러면 예제를 통해서 하나씩 정리해 보도록 하겠습니다. 예제 소스 코드 적용 전 금액 : 적용 후 금액 : 위의 소스 코드는 자바스크립트를 사용.. 2023. 7. 22.
[jQuery] 제이쿼리 animate를 활용한 텍스트 문구 자동 롤링 만들기 jQuery의 animate() 함수는 HTML 요소를 부드럽게 애니메이션 하는 데 사용되는 메서드입니다. 이 함수를 사용하면 CSS 속성 값을 변경하면서 웹 페이지에서 효과적인 애니메이션 효과를 적용할 수 있습니다. 목차 오늘은 jQuery의 animate를 활용한 텍스트 문구 자동 롤링 기능에 대해 포스팅하려고 합니다. 직접 만들어 보기 전에는 어려워 보이는 기능이지만 직접 해보면 의외로 간단한 기능입니다. animate 사용 방법 $(selector).animate({styles}, duration, easing, complete); selector 애니메이션을 적용할 HTML 요소를 선택하는 CSS 선택자입니다. styles 애니메이션을 적용할 CSS 속성과 해당 값들을 객체 형태로 전달합니다... 2023. 7. 21.
[Python] 파이썬 DataFrame 알아보기 파이썬에서 데이터프레임은 주로 pandas 라이브러리를 사용하여 데이터프레임을 다룹니다. pandas 데이터프레임은 Matplotlib 라이브러리와 함께 사용하여 데이터 시각화에도 유용하게 활용됩니다. 목차 오늘은 파이썬에서 데이터를 다룰 때 많이 사용하는 데이터프레임에 대해서 정리해보려고 합니다. 저는 실무에서 대용량 데이터 처리를 하는데에 데이터프레임을 이용을 많이 했습니다. 실제 대용량 데이터나 머신러닝에서 활용을 많이 해서 이번 기회에 기초부터 정리를 하게 됐습니다. 데이터 처리와 데이터 과학, 인공지능, 비즈니스 인텔리전스 등 기술의 발전으로 파이썬의 사용 빈도가 늘어나고 있고, 데이터를 처리하는 데에 있어 데이터프레임을 활용한다면 다양한 분야에서 데이터 처리를 하는데 유용하게 사용할 수 있습니.. 2023. 7. 20.

티스토리툴바