전체 글127 Oracle XE 홈서버 만들기(외부 접속)부터 SQL Developer ORA-17410 에러 해결까지 🏠사이드 플젝을 오라클 홈서버를 구축해 공용DB로 이용하고자 도전해봤다.여러 블로그를 참고했는데 나는 한끝 다르게 성공... 왜 다른거지이 글을 바탕으로 진행했다.기본 게이트웨이 주소가 접속 안 되는걸 시작으로분명 구축에 성공했는데 ORA-17410 에러가 뜨면서 데이터베이스 접촉 자체가 안 됐었다.해결 방법을 순차적으로 정리해본다... 1. 포트포워딩먼저 공유기 관리자 페이지에 접속해 포트포워딩을 해줘야한다.포트포워딩을 해주기 위해선cmd에 ipconfg 를 입력해 내 IPv4 주소와 기본 게이트웨이 주소가 필요하다.기본 게이트웨이 주소를 브라우저 주소창에 입력하면 관리자 페이지로 이동된다. 근데 나는 IPv4 주소가 보통 사람들과 달랐다!!!게이트웨이 주소로 접속도 안 됨 우리집은 KT 공유기를 .. 2026. 3. 21. Zustand vs TanStack Query, 같이 쓰자! 🐻요즘 프론트엔드 프로젝트에서 Zustand + TanStack Query가 자연스럽게 같이 등장한다.처음에는 둘 다 상태 관리처럼 보여서 이거 둘 중 하나만 쓰면 되는 거 아닌가? 싶었는데 역할이 완전히 다르다.이번 글에서는 실제 로그인 플로우를 구현하면서 느낀 차이를 정리해본다. 1. Zustand는 무엇인가?Zustand는 전역 상태 관리 라이브러리다.Redux보다 훨씬 간단하고, 보일러플레이트도 거의 없다.프론트 내부 상태를 저장하는 곳으로,예를 들면 로그인 모달 열림 여부, 다크모드 상태, 사이드바 열림/닫힘, 사용자가 선택한 탭 이런 것들을 저장한다. 사용예import { create } from 'zustand'export const useStore = create((set) => ({ .. 2026. 3. 15. 기존 Vite + React 프로젝트에 TypeScript 추가하기 (마이그레이션 정리) 📚사이드 프로젝트를 새로 시작했다.기존에 세팅은 되었던 프로젝트라, Vite + React(JavaScript) 프로젝트에 TypeScript를 추가하면서 겪었던 과정과 필요한 설정을 정리해보았다.1. TypeScript 설치먼저 프로젝트에 TypeScript와 React 타입을 설치한다.npm install -D typescript @types/react @types/react-dom설치가 완료되면 TypeScript 설정 파일을 생성한다.npx tsc --init그러면 프로젝트 루트에 tsconfig.json 파일이 생성된다. 2. tsconfig.json 설정기본 생성된 tsconfig.json을 Vite 환경에 맞게 일부 수정했다.{ "compilerOptions": { "target":.. 2026. 3. 12. Git 커밋 이력 변경하기 (작성자, 날짜 수정하기) Git을 사용하다 보면 커밋 메시지를 잘못 작성했거나 민감한 정보가 커밋에 포함된 경우처럼 커밋 이력을 수정해야 하는 상황이 생긴다.나는 내 개인 레포지토리에 회사 계정으로 커밋을 해버렸다. Contributors에도 회사 계정이!..회사PC를 사용하면서 유저를 변경하지 않고 신나게 커밋해버린 실수.. 이 글에서는 여러개의 커밋 이력을 변경하는 방법을 정리했다. ⚠️ 주의: 나는 나 혼자 쓰는 개인 레포였지만, 공유 브랜치에서 작업할 경우 팀원들에게 큰 영향을 줄 수 있으므로 반드시 주의할 것! 참고) VSCode 기준 Git Bash 터미널에서 진행했다. 1. 유저 변경git config --global user.name 유저이름 git config --global user.email 유저이메일 .. 2025. 12. 19. 모바일 UI 디자인 시스템과 프론트엔드에서 디자인 시스템 적용하기 💭 서론요즘 휴대폰의 화면비율은 정말 다양하다.미니 사이즈의 선호도가 줄고 휴대폰의 평균 사이즈가 커졌어도 작은 기종을 고려하지 않을 수 없다.어떤 기기는 세로 길이가 667px 정도로 작고, 어떤 기기는 882px 이상으로 꽤 크다.그래서 디자인 시안을 바탕으로 프론트엔드 개발을 하다 보면 이런 고민이 생긴다.UI 요소 크기는 작은 화면 기준으로 해야 할까? 큰 화면 기준으로 해야 할까?작은 사이즈에서는 페이지 디자인이 "예뻐"보이는데 큰 사이즈에서는 적절하지 않아보인다면.. 어떻게 해야할까? 고민을 바탕으로모바일 UI를 디자이너 관점에서 어떻게 설계하는지그리고 프론트엔드에서 디자인 시스템을 어떻게 구현하는지를 가볍게 정리해보았다. 1. 모바일 UI는 어떤 화면 기준으로 디자인할까?웹 디자인을 배워보.. 2024. 1. 20. 이전 1 2 3 4 ··· 26 다음
