본문 바로가기

전체 글

디자인 패턴의 세계 여행: MVC, MVVM, MVP, 그 외 여러 디자인 패턴 비교 도입: 디자인 패턴의 선택, 개발의 핵심을 찾다 개발자들은 코드의 가독성, 유지보수성, 확장성을 고려하여 디자인 패턴을 선택할 때 많은 고민을 합니다. 이 블로그에서는 대표적인 디자인 패턴인 MVC, MVVM, MVP를 중심으로 여러 패턴을 비교하고, 각각의 특징과 사용 예시를 살펴보겠습니다. MVC (Model-View-Controller): 고전 중의 고전 MVC 패턴은 모델, 뷰, 컨트롤러로 구성되며, 사용자 인터페이스와 비즈니스 로직을 분리하는 데 강점이 있습니다. 모델은 데이터를 관리하고, 뷰는 사용자에게 정보를 표시하며, 컨트롤러는 사용자의 입력을 처리합니다. MVVM (Model-View-ViewModel): 데이터 바인딩의 미학 MVVM 패턴은 모델, 뷰, 뷰모델로 구성되며, 뷰모델은 사용.. 더보기
API와 Token: 그 차이점은? 도입: 뒤섞인 개념, API와 Token의 실체는 무엇일까? API와 토큰은 현대 웹 개발에서 빼놓을 수 없는 중요한 개념입니다. 그러나 두 용어의 구체적인 의미와 활용법은 많은 이들에게 혼란을 줄 수 있습니다. 이 블로그에서는 API와 토큰의 차이를 명확하게 이해하고 적절하게 활용하는 방법을 알아보겠습니다. API와 Token의 기본 개념 및 차이점 API(Application Programming Interface)는 소프트웨어 간 통신을 위한 인터페이스로, 데이터를 주고받는 데 사용됩니다. 반면, 토큰은 인증을 위한 수단으로 사용되며, 주로 사용자가 로그인한 상태를 유지하거나 API에 접근할 권한을 부여하는 데 활용됩니다. API와 Token의 사용 용도와 장단점 API는 서로 다른 시스템 간의 통.. 더보기
react-native-vision-camera 사용중 발생 오류 요즘은 React-Native를 이용해 회사의 신규 플랫폼을 개발중이다. 그 중에 카메라 기능이 필요하여 React-native-Vision-camera 패키지를 찾았고 설치를 했더니 바로 오류가 발생 하였다. 최초 오류내용은 [VisionCamera] react-native-worklets-core not found, Frame Processors disabled! 일단 오류가 발생하면 기본적인 부분 부터 확인해볼 필요가 있다. 공식 문서를 참고 하면 Android 기준으로 build.gradle 파일에 buildToolsVersion to 33.0.0 이상인지 compileSdkVersion to 33 이상인지 targetSdkVersion to 33 이상인지 minSdkVersion to 26 이상.. 더보기
NPM 업그레이드 vs. 업데이트: 두 용어의 차이와 올바른 활용법 도입: NPM의 미묘한 차이, 왜 중요한가? NPM(노드 패키지 매니저)은 Node.js 개발자들에게 중요한 역할을 하는데, 여기서 upgrade와 update의 차이는 어떤 의미를 지닐까요? 이 블로그에서는 두 용어의 의미와 올바른 활용법에 대해 알아보겠습니다. NPM Upgrade: 패키지 버전 올리기 NPM upgrade는 기존에 설치된 패키지의 버전을 새로운 안정 버전으로 업그레이드하는 작업을 의미합니다. 주로 새로운 기능이나 버그 수정 등이 포함된 최신 버전으로 업데이트하고 싶을 때 사용됩니다. 하지만, 업그레이드를 할 경우 호환성 문제를 유의해야 합니다. NPM Update: 패키지 의존성 업데이트 NPM update는 패키지의 의존성(dependencies)을 최신 버전으로 업데이트하는 작업.. 더보기
현직 개발자가 알려주는 대학생을 위한 개발 언어 추천과 동향 분석 도입: 대학생의 개발 언어 선택, 무엇이 중요할까? 대학생 시점에서 개발 언어를 선택하는 것은 향후의 커리어에 큰 영향을 미칩니다. 이 블로그에서는 Python, Java, React, Vue 등 현재 대세인 언어들을 살펴보고, 어떤 언어가 대학생에게 적합한지 알아보겠습니다. Python: 다양한 분야에서 빛나는 선택 Python은 문법의 간결함과 다양한 분야에서의 활용성으로 대학생들 사이에서 인기를 끌고 있습니다. 데이터 분석, 인공지능, 웹 개발 등 다양한 영역에서 사용되며, 러닝 커브가 낮아 새로운 개발자에게 추천됩니다. Java: 규모 있는 애플리케이션을 위한 안정성 Java는 대규모 애플리케이션을 개발하기 위한 강력한 기능을 제공하며, 객체지향 프로그래밍의 대표주자입니다. 대기업과의 호환성, 안.. 더보기
React에서 Axios 헤더 설정 마스터하기: API 통신의 비밀 풀기 1. 개요: Axios 헤더 설정의 중요성 React에서 Axios를 사용하여 API 통신을 할 때, 헤더 설정은 보안과 효율성 측면에서 핵심적인 역할을 합니다. 올바른 헤더 설정은 데이터 요청과 응답을 원활하게 관리하며, 이 블로그에서는 React에서 Axios의 헤더를 어떻게 설정하는지에 대해 알아보겠습니다. 2. Axios 헤더 설정 방법 예시: // Axios 라이브러리 설치 후 // npm install axios import axios from 'axios'; // 헤더 설정 예시 const config = { headers: { 'Content-Type': 'application/json', 'Authorization': 'Bearer YOUR_ACCESS_TOKEN', // 기타 원하는 헤.. 더보기
Git 마스터 되기: 효과적으로 파일 추적 관리 중단하기 1. 개요: GitHub에서 특정 파일 추적 관리에서의 삭제 GitHub 프로젝트에서 특정 파일을 추적 관리에서 삭제하는 것은 코드베이스의 정리와 유지보수를 위해 중요합니다. 불필요한 파일을 추적에서 제외하면 저장소의 용량을 줄이고, 팀원들 간의 협업 시 불필요한 혼란을 방지할 수 있습니다. 2. 실제 삭제 과정 먼저, .gitignore 파일에 삭제하려는 파일의 패턴을 추가하여 Git에게 해당 파일을 더 이상 추적하지 말도록 지시합니다. 그 후에는 git rm --cached 명령어를 사용하여 이전까지의 추적 내역을 삭제합니다. 이렇게 함으로써 로컬 및 원격 저장소에서 특정 파일의 추적을 중단할 수 있습니다. 1) 파일을 추적 중단하고 Staging Area에서 제거: # 파일을 추적 중단하여 .git.. 더보기
Github 특정 브랜치 일괄 삭제하기 1. 개요: GitHub에서 특정 브랜치 일괄 삭제하기 GitHub을 사용하는 개발자들은 때때로 프로젝트의 브랜치를 정리하고 관리해야 할 필요가 있습니다. 특히, 특정 브랜치를 유지하고자 할 때 그 외의 불필요한 브랜치를 한 번에 삭제하는 방법은 매우 유용합니다. 이 기술 블로그에서는 GitHub에서 특정 브랜치를 제외하고 일괄적으로 브랜치를 삭제하는 효과적인 방법에 대해 알아보겠습니다. 2. Git 명령어를 활용한 일괄 삭제 방법 GitHub에서 특정 브랜치를 제외하고 다수의 브랜치를 삭제하려면 Git 명령어를 사용하는 것이 효과적입니다. 먼저 로컬에서 원격 브랜치 목록을 확인한 후, 삭제하고자 하는 브랜치를 제외한 나머지 브랜치를 선택적으로 삭제할 수 있습니다. 아래는 해당 작업을 수행하는 예시입니다.. 더보기

티스토리툴바