B_log

🚀 React + Vite 프로젝트 생성 방법안녕하세요! 이번 글에서는 빠르고 가볍게 React 개발 환경을 구성할 수 있는 Vite를 사용해 프로젝트를 시작하는 방법을 소개합니다.Vite는 빠른 번들링 속도와 간편한 설정으로 최근 가장 주목받는 프론트엔드 도구입니다.React를 처음 시작하거나, CRA(Create React App)의 느린 속도에 지쳤다면 이 글을 꼭 따라해보세요.✅ 1단계: Node.js 설치Vite를 사용하려면 먼저 Node.js가 필요합니다.공식 사이트: https://nodejs.orgLTS(Long Term Support) 버전 다운로드 권장설치 후, 터미널에서 아래 명령어로 정상 설치 여부를 확인합니다.node -vnpm -v버전 정보가 잘 출력되면 다음 단계로 넘어가세요..

개요 MVVM을 보다 잘 활용하기 위해 ReactorKit에 관한 학습을 시작한 도중에 이런 설명을 보게 되었어요. ReactorKit is a combination of Flux and Reactive Programming. 여기서 Reactive Programming은 이해할 수 있지만 Flux는 처음 들어보는 개념이었어요. 그래서 이 글에서는 ReactorKit을 이해할 수 있을 정도로만 Flux의 기초 개념을 이해해보려고 해요 :) Flux의 정의 Flux의 기본 개념을 이해하기위해 우선 Flux 공식문서를 살펴봤어요! ReactiveX처럼 첫 페이지에 가장 간단한 설명이 쓰여 있었어요. "사용자 인터페이스를 빌드하기 위한 앱 아키텍쳐"라는 의미예요. 우선 Flux라는 것이 아키텍처라는 것을 알게..

🌌 GitHub API 활용하기 GitHub User 받아오기 GitHub 사용자를 받아오기 위해 GitHub API 활용하려고 해요. Entity를 구현하기 위해서는 데이터가 어떤 형태로 넘어오는지 확인해야 하기 때문에 공식문서를 확인해요. 공식 문서: https://docs.github.com/en/rest/reference/search#search-users 공식 문서의 일부를 가져올게요. 우선 GitHub API이므로 base URL은 "https://api.github.com" 일거에요. 여기에 endpoint로 /search/users가 붙겠네요. 즉, 기본 URL 형태는 "https://api.github.com/search/users"가 돼요. 여기에서 중요한 것이 Parameter에요. ..

Pythonic Code란? "When people talk about pythonic code, they mean that the code uses Python idioms well, that it’s natural or displays fluency in the language." - Pythonic Code란 Python의 문법으로 코드를 작성하는 것이다. 여기서 Python의 문법 사용이란, 단순히 Python이 가진 기능을 사용한다는 뜻이 아니라 다른 언어가 가지고 있지 않은 Python만의 특징과 문법을 사용하는 것을 의미한다. 예시 1 1 2 3 4 5 6 7 8 9 10 11 x=[1, 2, 3, 4, 5, 6] result = [] for idx in range(len(x)); resul..

Subject Line feat (feature) : 기능 추가 fix (bug fix) : 버그 수정 시 docs (documentation) : 문서 관련 업무시 style (formatting, missing semi colons, …) : 빈칸 제거, 포맷 변경 등 스타일 자체 변경 refactor (A code change that neither fixes a bug or adds a feature) : 버그 픽스나 기능을 추가할 때 사용된다. test (when adding missing tests) : 테스트 생성 시 chore (maintain) : 유지 보수 # * Use the imperative, present tense: "change" not "changed" nor "change..

Java 변수의 종류 - Java의 변수는 선언 위치에 따라 그 특성이 바뀌게 된다. 지역변수 : 클래스 내 메서드 안에서 선언된 변수는 해당 메서드 Scope 안에서만 사용 가능하다. 외부 메서드, 외부 클래스에서 사용 불가능하다. 메서드가 실행될 때 메모리에 할당받으며 메서드가 끝나면 소멸된다. 인스턴스 변수 : 인스턴스 별로 각자 다른 값을 가질 수 있는 변수로, 사용하기 위해서는 우선 인스턴스가 선언 되어야 한다. (예) 우테코 3기 2주차 자동차 경주 과제에서 Car 인스턴스가 갖는 position 변수는 각 인스턴스가 각자 다른 값을 갖는 인스턴스 변수이다. 클래스 변수 : 인스턴스 변수와 다르게 클래스 자체가 갖는 변수이다. 선언 방법은 변수 선언에 static을 붙이는 것으로 모든 인스턴스..

Excel(.xlsx) 파일 MySQL에 import하기 .xlsx를 .csv로 변환하기 - excel에서 다른 이름으로 저장 => 파일 형식 csv - 아래에 있는 단순 CSV로 처리하면 MySQL workbench에서 utf-8이 아니라 오류가 발생한다. 조건에 CSV utf-8이 존재하지만 이를 통해 처리하면 utf-8 오류가 어차피 발생한다. 아래의 csv 파일 변환으로 하여 메모장으로 해당 파일을 열어 다른 이름으로 저장할 때, 인코딩을 utf-8로 저장해주면 오류가 발생하지 않는다. MySQL workbench - MySQL workbench의 원하는 테이블을 지정하여 마우스 우클릭을 하면 위의 화면이 나오고 Table Data Import를 진행한다

Django MySQL 연동하기 MySQL 연결하기 - MySQL shell은 시작이 JS이므로 \sql 명령어를 통해 SQL로 전환해준다 - root@localhost로 연결해준다. MySQL database 생성 및 연결 - database youknowwhat 생성 - 바로 show tables를 하면 오류가 발생한다. use 명령어를 통해 먼저 사용할 db를 지정해준 후 사용 가능하다. Django에서 MySQL 설정 - settings와 별개의 db_settings.py 생성 - sql 연결관련 코드는 비밀번호를 포함하고 있으므로 따로 생성하여 settings에서는 import하여 사용한다 - 디렉토리가 중요한데 settings와 같은 위치에 넣었다가 경로 에러가 발생했다 - 프로젝트 최상위 폴..