JiYoung Dev 🖥

branch 하나의 코드 관리 흐름 맨 처음한 커밋 : root commit 깃은 root commit을 시작으로 가지가 뻗어나가는 모양이 됨 ex. 하나의 프로젝트 내에서 유로 branch, 무료 branch 나눌 수 있음 현재는 마스터(메인) 브랜치 위에 있음을 의미함 ** 마스터(메인) 브랜치 : 레포지토리를 만들고 커밋을 하면 자동으로 생기는 브랜치, 기본 브랜치 1. 브랜치 만들기 : git branch [브랜치 이름] 2. 브랜치로 이동 : git checkout [이동하고자 하는 브랜치 이름] 3. git add > git commit 브랜치로 커밋한 수정한 파일 확인 결과 main(master) branch의 같은 파일 확인 결과 branch의 파일만 변경되고 main의 파일은 변경되지 않..

🎈 Git vs GitHub 📖 Git Git은 쉽게 말해 버전관리 소프트웨어 프로젝트를 진행하다가 수정한 코드가 작동하지 않을 때 이전 코드로 롤백하기 위해 사용할 수 있음 Git은 내 컴퓨터의 로컬 저장소에 모든 변경사항을 기록하여 파일의 버전을 관리 📖 GitHub Git Hub는 Git을사용하는 프로젝트를 지원하는 웹 호스팅 서비스 Git은 로컬 저장소를 사용하기 때문에 협업을 하기 어려운데 Git Hub를 통해 버전별 코드를 클라우드 서버를 통해 웹 상에 업로드하여 다른 사람과 공유할 수 있음 🎈 Git 사용하기 Git 사용전에 Git 설치 필요 1. Git 레포지토리 만들기 레포리토지로 만들고자 하는 폴더 생성 > 생성한 폴더에서 마우스 우클릭 > git bash here > git init ..

태그 enctype 속성 태그의 enctype 속성은 폼 데이터가 서버로 제출될 때 해당 데이터가 인코딩 되는 방법을 명시함 이 속성은 요소의 method 속성 값이 post일 경우에만 사용할 수 있음 속성값 설명 application/x-www-form-urlencoded 기본값으로, 모든 문자들은 서버로 보내기 전에 인코딩됨을 명시함 multipart/form-data 모든 문자를 인코딩하지 않음을 명시함 이 방식은 요소가 파일이나 이미지를 서버로 전송할 때 주로 사용 text/plain 공백 문자(space)는 "+" 기호로 변환하지만, 나머지 문자는 모두 인코딩 되지 않음을 명시함 백엔드에서 file 가져오기 (Spring Boot) Multipart로 나눠서 보낸 이미지 데이터의 경우, @Req..

Spring Boot와 연동하여 shop 만들기 [Spring Boot] Spring Boot 사용하기 (2023.06.07) Spring Boot 개발 환경 준비 🎈 프로그램 설치 (Spring & MySQL) spring tool suite 4 Spring | Tools spring.io C드라이브 바로 아래에 설치 (필수는 아님!) jar파일도 압축파일이라 압축풀기하면 됨 그런데 안되는 경 danyoujeong.tistory.com CORS 오류 (Cross Origin Resource Sysytem) 교차 출처 리소스 공유 proxy 서버(미들웨어)로 해결을 하자 setupProxy.js 검색 프록시 서버란 클라이언트와 서버 사이에서 데이터 요청과 응답을 대신 받아주는 역할을 해줌 보안상의 문제로..

react 템플릿 사용하는 법 git Clone 후 node 설치까지 해줘야함! Boot Strap 은 react BootStrap 사용 https://react-bootstrap.netlify.app/ React Bootstrap | React Bootstrap The most popular front-end framework, rebuilt for React react-bootstrap.netlify.app react UI 툴 https://mui.com/store/ React themes & templates - MUI Store A collection of the best React templates, React dashboard, and React themes. It includes templa..