반응형
day8
오늘의 목표 : 프로젝트를 위한 테이블 모델링 완료하기
- 필자는 개인사정으로 인해 등원하지 못하여 조원들에게 진행상황만 전달받았음
- 필자가 정리한 테이블 모델링 파일을 조장에게 전달함
- 필자의 파일 내용을 전체 다 반영시켰다고 전달받았고, 강사님에게 컨펌 받음
- 드디어 통과하여 테이블정의서 작성 시작
- 7일차에 만든 front도 조장에게 전달함
day9
오늘의 목표 : 테이블 정의서 완료하기, 프로젝트에 사용할 DB 다운받고 create, insert 테스트해보기
- 조원들이 만든 테이블 정의서를 인원수대로 나눠서 수정해야할 부분이 있는지 제출 전 점검
- 부자연스러운 부분들은 조원들과 이야기를 나누어서 수정했음
- erd cloud 잘못된 관계선 수정
- erd cloud 테이블 보기 편하게 위치 변경
- MariaDB 환경구축
- MariaDB 사용법 익혀서 조원들에게 전달함 → 오라클과는 다르게 데이터베이스(테이블 스페이스)를 먼저 만든 후 테이블을 생성해야함
- 오라클과 다른 키워드들 사용법 찾아서 조원들에게 전달
- MariaDB를 sql developer에 연결하여 사용
- 테이블 전체 생성 sql문 정리하여 팀원들에게 배포
- 인원수에 맞게 테이블 나눠서 create, insert 테스트함
- FK는 테이블이 불완전하여 사용하지않음
day10
오늘의 목표 : 전체 UI 취합, 개발환경 구축
오전중으로 테이블 create, insert 작업 끝내고 오후 시간엔 개발환경 구축
깃 기초 조원들에게 설명
깃 다운로드, 깃 생성, 깃 기본설정(아이디, 이메일), 깃허브와 연결 → CLI 방식으로 알려줌
개발 툴 관련 논의 (sts, intelliJ)
깃 이그노어 적용 → 학원 퇴실시간이 얼마 안남아서 13일차에 알려주기로함
day11, day12
주말의 목표 : 깃, 깃허브 제대로 알기, 자바스크립트 특정기능 구현 공부
git & github
git 설치
[참고] https://taewow.tistory.com/13
git 최초 설정
# 깃허브 push용 이름 셋팅
git config --global user.name "이름"
# 깃허브 push용 이메일 셋팅
git config --global user.email "이메일"
저장소 생성 및 깃허브 연결
[참고] https://velog.io/@augus-xury/github-사용법-간단-정리
# 저장소 생성
git init
# 원격 저장소 연결
git remote add origin "저장소URL"
# 특정 파일 깃에 추가
add [파일명]
# 전체파일 깃에 추가
git add .
# 커밋 생성
git commit -m "커밋메세지"
# 로컬 브랜치를 원격저장소의 main 브랜치와 연결
git branch --set-upstream-to=origin/main main
# 원격 저장소로 푸시
git push
.gitignore 설정
[참고] https://taewow.tistory.com/13
- Git은 로컬 저장소와 원격 저장소를 분리하여 관리함
- .gitignore 파일에 추가한 패턴은 로컬 저장소에서만 적용됨
- .gitignore 파일을 add, commit, push 하여 원격 저장소에도 적용함
우리조가 사용할 .gitignore 파일
HELP.md
target/
!.mvn/wrapper/maven-wrapper.jar
!**/src/main/**/target/
!**/src/test/**/target/
### STS ###
.apt_generated
.classpath
.factorypath
.project
.settings
.springBeans
.sts4-cache
### IntelliJ IDEA ###
.idea
*.iws
*.iml
*.ipr
### NetBeans ###
/nbproject/private/
/nbbuild/
/dist/
/nbdist/
/.nb-gradle/
build/
!**/src/main/**/build/
!**/src/test/**/build/
### VS Code ###
.vscode/
JavaScript
첨부파일 이미지 미리보기
<input type="file" onchange="readURL(this);">
<img id="preview" />
function readURL(input) {
if (input.files && input.files[0]) {
var reader = new FileReader();
reader.onload = function(e) {
document.getElementById('preview').src = e.target.result;
};
reader.readAsDataURL(input.files[0]);
} else {
document.getElementById('preview').src = "";
}
}
input type=file 초기화하기
<html>
<head>
<title></title>
<script>
function checkFile(file)
{
alert(file.value);
file.outerHTML = file.outerHTML;
}
</script>
</head>
<body>
<form>
<input type="text" name="txtName"><br>
<input type="file" name="file"><br>
<input type="button" value=삭제 onclick="checkFile(file);">
<input type="button" value=확인 onclick="alert(this.form.upload.value);">
</form>
</body>
</html>
day13
오늘의 목표 : 개발 환경 구축 완료하기
- 깃 관리 담당 맡게됨
- 오전중으로 UI 취합 완료 시킴
- 깃, 깃허브 사용방법 정리하여 조원들에게 한번 더 알려줌
- 내 로컬 컴퓨터로 프로젝트 생성하여 팀원들에게 배포
- 프로젝트 파일 배포 후 전체 취합된 UI를 깃 허브에 올리고 pull 또는 clone 받게함
- 취합된 UI(html)를 인원수에 맞게 나누어서 JSP 파일로 변경
- 파일들 중 한 조원이 만든 html 파일의 css가 적용이 되지않아서 원인 분석함
- css 파일 중 reset 파일이 있는데 조원이 html에 적용시킬 때 본인이 만든 css, reset 파일순으로 적용시켜 놓은상태에서 화면만 보고 만듦
- UI 취합시 조원이 만든 css와 reset파일의 순서가 html 상에서 바뀌어 적용되어 css가 제대로 작동 되지 않음
- css link 위치 바꾸어 간단하게 해결함
반응형
'Project' 카테고리의 다른 글
파이널 프로젝트 3주 ~ 4주차 (1) (0) | 2023.07.06 |
---|---|
파이널 프로젝트 1주차 (0) | 2023.06.07 |
장바구니, 주문, 주문 목록 페이지 만들기 (0) | 2023.05.24 |
댓글