본문 바로가기

전체 글

(51)
[React] 구조 이해하기 1. index.html "root" id를 화면에 보여줌 2. index.js 을 불러줌 "root"아이디 설정 3. App01.js ex01.js파일을 import 4. ex01.js 화면 구성
[맥북] React 프로젝트 생성 1. 프로젝트를 생상하고자 하는 폴더로 이동 cd 프로젝트 생성 폴더 2. 프로젝트 생성 npx create-react-app 프로젝트명 3. 리액트 켜기 npm start 생성한 폴더로 이동하여 시작 4. 완료
[맥북] React 개발 환경 구축 1. Node.js 설치 https://nodejs.org/ 접속하여 LTM버전 설치 설치 완료 node -v 설치 여부 확인 2. npx 설치 sudo npm install npx -g 에러가 몇 개 뜨지만 상관없습니다. npx -v 설치 여부 확인 3. 도구 설치 Sudo npm Install -g create-react-app 여기까지 완료 되셨다면 개발 환경 구축은 끝났습니다. 프로젝트 생성하기 https://ww-ing.tistory.com/33 [맥북] React 프로젝트 생성 1. 프로젝트를 생상하고자 하는 폴더로 이동 cd 프로젝트 생성 폴더 2. 프로젝트 생성 npx create-react-app 프로젝트명 3. 리액트 켜기 npm start 생성한 폴더로 이동하여 시작 4. 완료 ww-..
[Github] failed to push some refs to 오류 원인 Git의 원격 저장소와 현재 로컬 저장소가 동기화 되어있지 않기 때문에 발생하는 오류입니다. 해결 git remote -v 해당 폴더의 원격저장소 별칭 확인 git pull --rebase [원격저장소 별칭] master 동기화 이후 push 하시면 정상적으로 실행되는걸 확인하실 수 있습니다.
[맥북] 깃허브(Github) 레파지토리(Repository) 소스코드 올리기 #1 . Git 설치 여부 확인 git --version 터미널 실행 - Git 버전 확인 *Git이 내장되어 있지 않을 경우 Hyeon's DeveLog 님의 블로그를 참고하여 설치하시기 바랍니다. https://hyeonjiwon.github.io/etc/git_install/ [Etc] Mac OS 환경에서 Git 설치 M1 Mac OS 환경에서 Homebrow 와 Git 설치 hyeonjiwon.github.io #2 . Git 저장소 생성 cd [레파지토리에 올릴 파일의 경로] 레파지토리에 올리고자 하는 폴더를 드래그엔 드롭으로 넣기 git init 해당 폴더에 저장소 생성 해당 폴더의 숨김파일(command + shift + >) 을 확인하면 .git 저장소 생성 #3 . 레파지토리에 소스코드..
[쇼핑몰 구현] 8. 페이징 처리 (회원 목록) 목록 [쇼핑몰 구현] 1. UI구성 [쇼핑몰 구현] 2. 회원가입 구현 [쇼핑몰 구현] 3. 회원목록 구현 [쇼핑몰 구현] 4. 회원정보 수정 삭제 [쇼핑몰 구현] 5. 회원정보 검색 [쇼핑몰 구현] 6. Session을 이용한 로그인 로그아웃 구현 [쇼핑몰 구현] 7. MyPage (본인 정보 수정) 구현 [쇼핑몰 구현] 8. 페이징 처리 (회원 목록) 목차 #1 . 총 페이지 수 설정 #2 . 해당하는 페이지의 회원 정보 출력 구성 #1 . 총 페이지 수 설정 //--전체 회원 수 public int getTotalUser() throws SQLException{ try { con=DBUtil.getCon(); String sql="select count(idx) from member "; ps=co..
[쇼핑몰 구현] 7. MyPage (본인 정보 수정) 구현 목록 [쇼핑몰 구현] 1. UI구성 [쇼핑몰 구현] 2. 회원가입 구현 [쇼핑몰 구현] 3. 회원목록 구현 [쇼핑몰 구현] 4. 회원정보 수정 삭제 [쇼핑몰 구현] 5. 회원정보 검색 [쇼핑몰 구현] 6. Session을 이용한 로그인 로그아웃 구현 [쇼핑몰 구현] 7. MyPage (내 정보 수정) [쇼핑몰 구현] 8. 페이징 처리 (회원 목록) 오류 "[쇼핑몰 구현]6. Session을 이용한 로그인 로그아웃 구현" 페이지의 4번째 목차인 "Session을 이용한 관리자 전용 페이지 설정"에서 회원 목록 페이지를 관리자 전용으로 바꿈으로써 사용자들은 본인 정보를 수정할 수 없는 고충 발생. 해결 "MyPage"를 구현하여 본인 정보만을 수정 할 수 있도록 설정 구성 MyPage 상단에 MyPage 버..
[쇼핑몰 구현] 6. Session을 이용한 로그인 로그아웃 구현 목록 [쇼핑몰 구현] 1. UI구성 [쇼핑몰 구현] 2. 회원가입 구현 [쇼핑몰 구현] 3. 회원목록 구현 [쇼핑몰 구현] 4. 회원정보 수정 삭제 [쇼핑몰 구현] 5. 회원정보 검색 [쇼핑몰 구현] 6. Session을 이용한 로그인 로그아웃 구현 [쇼핑몰 구현] 7. MyPage (본인 정보 수정) 구현 [쇼핑몰 구현] 8. 페이징 처리 (회원 목록) 목차 #1 . 아이디 비밀번호 전달 #2 . 회원 정보 유효성 검사 및 호출 #3 . Session을 이용한 회원 전용 페이지 설정 #4 . Session을 이용한 관리자 전용 페이지 설정 #5 . 로그인 정보 출력 #6 . Cookie를 이용한 아이디 저장 #7 . 탈퇴회원 로그인 막기 #8 . 로그아웃 구성 #1 . 아이디 비밀번호 전달 //아이디 ..