본문 바로가기

전체 글154

파이썬 str 타입 중심의 문자열 인코딩과 디코딩 총정리 파이썬에서 가장 기본적인 문자열 타입인 str을 중심으로, 문자열 인코딩과 디코딩의 개념부터 주요 인코딩 방식, 그리고 encode(), decode() 메서드 사용법과 실전 예제까지 한 번에 이해할 수 있도록 자세히 정리했다. 특수 문자 인코딩 문제를 해결하는 방법도 함께 다룬다.목차파이썬 str 타입이란?파이썬에서 문자열을 표현하는 기본 타입은 str이다. str은 글자 하나하나를 유니코드 코드 포인트로 저장하는 문자들의 모임으로, 덕분에 전 세계 거의 모든 문자를 표현할 수 있다.반면, bytes 타입은 바이트 단위로 데이터를 다루는 타입으로, 네트워크 통신이나 파일 입출력처럼 이진 데이터를 처리할 때 주로 사용한다.str은 주로 텍스트를 다룰 때 쓰이며, 유니코드 기반이라 문자 인코딩 걱정을 크게.. 2025. 6. 18.
파이썬 객체 출력, __str__ 메서드 이해하기 파이썬 클래스의 출력 결과가 낯설고 이해하기 어렵게 느껴졌다면, __str__ 메서드를 아직 제대로 활용하지 않았을 가능성이 있다. 이 글에서는 __str__이 어떤 역할을 하는지, 어떻게 사용하면 객체를 더 직관적으로 출력할 수 있는지 정리해보았다.목차__str__ 메서드 이해하기__str__ 메서드란?__str__은 파이썬에서 객체를 사람이 읽기 쉬운 문자열 형태로 표현하기 위해 사용하는 특별한 메서드다. 보통 print() 함수나 str() 함수를 사용할 때 자동으로 호출된다.class Person: def __init__(self, name): self.name = name def __str__(self): return f'이름: {self.name}'p = P.. 2025. 6. 17.
파이썬 프로그래밍 필수, def 함수 제대로 쓰기 파이썬에서 함수를 만들 때 사용하는 키워드는 def다. 함수는 특정 작업을 하나의 블록으로 정의해 두고, 필요할 때마다 호출해서 사용할 수 있게 해 준다. 이를 통해 중복되는 코드를 줄일 수 있고, 코드의 가독성과 재사용성을 높일 수 있다. 특히 복잡한 로직을 여러 개의 함수로 나누면 전체 프로그램의 흐름이 더 명확해지고 유지보수도 쉬워진다. 함수는 파이썬 프로그래밍의 핵심 개념 중 하나로, 파이썬을 제대로 이해하고 활용하기 위해 꼭 짚고 넘어가야 할 핵심 개념이다. 목차 def는 무엇인가요?파이썬에서 def는 함수를 정의할 때 사용하는 키워드다. 함수는 일련의 코드를 하나로 묶어 이름을 붙인 것으로, 필요할 때마다 호출해서 실행할 수 있다. 이렇게 함수를 사용하면 같은 코드를 반복해서 쓰지 않아도 되고.. 2025. 6. 3.
catchAll 라우트를 활용한 유연한 Vue 페이지 처리 Vue Router에서 catchAll 라우트는 사용자가 정의하지 않은 모든 경로를 한 곳에서 처리할 수 있게 해주는 강력한 기능이다. 예를 들어 존재하지 않는 URL에 접근했을 때 404 페이지로 안내하거나, 동적으로 구성된 라우트를 하나의 컴포넌트에서 처리하고 싶을 때 유용하게 사용된다. 목차 Vue Router란 무엇인가요?Vue Router는 Vue.js 공식 라우터 라이브러리로, Vue 앱에서 페이지 전환을 가능하게 해주는 도구다. 일반적으로 웹사이트에서 메뉴를 클릭하면 다른 페이지로 이동하거나, 주소창에 경로를 입력하면 해당 페이지가 열리죠. 이런 기능을 Vue.js 애플리케이션에서도 구현하려면 Vue Router가 필요하다.Vue.js는 SPA(Single Page Application) .. 2025. 6. 2.
ref를 제대로 이해하면 Vue가 쉬워진다. vue를 처음 배울 때 ref는 꽤 헷갈리는 개념이었다. ref로 DOM 요소를 잡기도 하고, 숫자나 문자열을 감싸서 쓰기도 하며 이게 뭐지 싶은 생각이 들었다. vue 프로젝트를 진행하면서 비동기 작업이나 외부 라이브러리와 DOM을 연동할 때, 또는 Composition API로 반응형 데이터를 관리할 때 ref의 진짜 쓰임새를 깨닫게 되었다. 목차 1. ref란 무엇인가요?Vue에서의 ref는 크게 두 가지 의미로 사용된다. 첫 번째로 템플릿에서 DOM 요소에 접근하기 위한 참조, 두 번째는 Composition API에서 반응형 데이터(reactive data)를 만들 이 위한 도구다.반응형 데이터숫자, 문자열, boolean 등 원시 값을 반응형으로 만들 때 사용import { ref } from.. 2025. 5. 31.
vue3 반응형 상태 관리 reactive 알아보기 reactive()는 Vue 3의 Composition API에서 사용하는 함수로, 객체를 반응형(reactive)으로 만들어 Vue가 값의 변화를 감지할 수 있도록 한다. 이를 통해 데이터가 변경되면 관련된 DOM이 자동으로 업데이트된다. reactive()는 보통 ref()보다 복잡한 구조의 객체를 다룰 때 사용한다. 목차reactive() 사용법reactive()는 일반 JavaScript 객체를 반응형 객체로 변환해주는 Vue의 기능이다. 반응형 객체란, 속성 값이 바뀔 때 Vue가 이를 감지하고자동으로 UI를 업데이트해주는 객체를 말한다.import { reactive } from 'vue';const state = reactive({ count: 0, message: 'Hello Vue 3.. 2025. 5. 30.

티스토리툴바