Project

파이널 프로젝트 2주차

newny 2023. 6. 8. 21:38
반응형

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 위치 바꾸어 간단하게 해결함

 

반응형