서론스프링 프레임워크를 이용한 플랫폼 앱을 개발해보고자 팀 프로젝트를 진행해봤습니다.팀 프로젝트를 진행해본적 있지만, 대형 프로젝트는 처음이라 기획, 설계단계부터 꼼꼼하게 해보자 했습니다. 프로젝트 소개NextUs, 넥서스는 IT 서비스 판매자와 서비스 구매자를 이어주는 중개 사이트입니다.기존의 중개사이트와 다르게 IT서비스를 중점으로 개발했습니다.아임포트를 통한 결 제 서비스, 웹소켓을 이용한 판매자와 구매자 사이의 채팅을 구현했습니다. 팀원 깃허브 링크😎팀장팀원팀원양재혁이진우최동규팀원팀원팀원김강온송창근전한주1.  프로젝트 목표구매자 뿐만 아니라 판매자도  이용할 수 있는 플랫폼 앱 개발효율적이고 확장성 있게 데이터 관리수익을 발생시킬 수 있는 어플리케이션 개발 2. 프로젝트 내용   1. 다양한 서..

정규화란?DB 내부의 데이터 구조를 조직화 & 최적화하는 것.논리 데이터 모델의 일관성 확보+) 이상현상(anomaly) 제거정규화의 목표 : 테이블 간의 중복된 데이터를 허용하지 않는 것정규화의 장점: 데이터 중복제거, 효율성 향상, 데이터 무결성 보장 제 1차, 2차 , 3차 , 4차 , 5차 , BCNF 정규화가 있음.제 1 정규화DB의 각 칼럼이 원자값(하나의 값)을 가지게 하는 정규화속성의 원자성 확보, 다중값 속성 분리이름취미김김김축구, 영화보기박박박책읽기이이이술먹기, 잠자기 김김김,이이이가 각각 취미를 2개 가지고 있으므로 1차 정규화를 해줘야함 이름취미김김김축구김김김영화보기박박박책읽기이이이술먹기이이이잠자기제 2 정규화1차 정규화를 마친 후, 부분 함수 종속성 제거 (완전 함수 종속을 만들기..

😎프로젝트명: 채찍-PT주제: PT 회원, 강사 관리 및 예약시스템주제선정 이유: 모르겠음, 둘 다 PT 한번도 안받아봄자바 설계, 자바 기능 구현 - 전한주DB설계, 자바 기능 구현, 아이디어 뱅크 - 이지은설계과정 : 주제,기능 선정 → 객체 설계 → 자바클래스 설계 → DB설계 → 자바&DB연동기능크게는 2가지 기능으로 회원 , 강사에게 동작하는 기능으로 나뉜다.회원- 회원가입, 본인정보 조회, 예약 확인/취소/삭제강사- 전체회원 조회, 예약확인, 수업 완료 인증개발환경eclipse , OracleDB ERD 회원은 한명의 담당강사가 있고, 강사는 여러명의 회원을 담당한다.→회원 테이블에 강사 번호가 fk로 들어간다.회원은 0개 혹은 여러개의 예약정보를 가지고 있다.회원과 강사는 각자의 멤버..

객체선택js에서는documnet.getElementById(아이디)documnet.querySelector(선택자) 를 사용해서 객체를 선택했는데, jQuery에서는 $(선택자) 로 간단하게 표현가능효과(애니메이션), 조작, 이벤트 메서드 제공선택자 필수기본 사용법: $(선택자).메서드명()//보다는//가 더 빠르다 //이유는 script문이 클라이언트에서 실행되기 때문에 jquery를 다운받기보다는 //네트워크에서 받아 쓰는게 빠름ㅇㅇ.eq( i ) : i번 인덱스 선택 ex) .eq(0).addClass(c);.each() : 배열을 반복조작(메서드).addClass() : 클래스 추가.removeClass() : 클래스 삭제.toggleClass() : 없으면 추가, 있으면 삭제.attr(속성명) ..

클로저독립적인 변수를 가지는 함수내부함수를 이용하여 별도의 스코프 정의 function test(name){ var str = name+'님 안녕하세요'; return function(){ return str; }; } var m1 = test('hong'); var m2 = test('kim'); console.log(f1); //f(){ return str; } console.log(f1());//hong님 안녕하세요 console.log(f2());//kim님 안녕하세요history객체브라우저에서 이전에 방문했던 페이지 불러오는 객체stack으로 저장됨//a.htmlb.html//b.htmlc.htm..

익명함수-이름이 없는 함수 →변수에 할당해줘야한다.ex)function(a,b){ return a+b;}그럼 어떻게 사용하냐? → 변수에 할당을 해주면됨var sum = function(a,b){ return a+b;}console.log(sum(10,20)); //30 출력 function sum(a,b,c){ return a+b+c; } console.log(sum(1,2,3)); //undefined //가변인자 function sum(){ console.log(arguments); //Arguments(3) 출력 } sum(1,2,3,4,5,6); //Arguments(6)출력 //함수도 호이스팅이 된다. sum()이 올라감( sum..

자바스크립트인터프리터 방식 언어동적 타이핑(dynamic typing)script태그는 태그의 닫는 태그 바로 앞에 위치해주는 것이 좋습니다.변수var : 호이스팅,지역변수 재할당 O , 재선언 Olet : 지역변수 재할당 O , 재선언 Xconst : 상수 재할당 X , 재선언 X → 재할당불가(기본자료형 값, 주소값)비교연산자 ‘==’, ‘ ===’‘==’ : 피연산자끼리 같으면 true‘===’ : 피연산자끼리도 같고, 자료형도 같아야 true지역변수 & 전역변수local : 해당지역에서만 사용global : 전체지역에서 사용function test(){ var a1 = 1;}console.log(a1);//오류발생 errcode: a1 is not definedfunctio..

블록 태그: div, hn, p , ul/ol, table …인라인 태그: span, a, input, img…(text관련)css적용방법인라인 : html 태그 안에문서 내부: 문서 외부: 선택자웹문서(document, page)에서 특정 영역(요소)를 선택선택이란?: 스타일/이벤트 적용선택자 종류전체 *타입(태그) : 아무것도 없음아이디 #클래스 .그룹 (여러 선택자)선1,선2 : 선1과 선2 both선1선2 : 선1이면서 선2인 경우자식: 선1>선2 : 선1 밑 선2자손: 선1선2: 선1 하위 ‘모든’선2css 속성값의 단위절대값 : px, in, cm …상대값 : %, em키워드 : small, large …웹폰트구글 웹폰트 → 구글검색RGB0~255 (256 var color)Red : 255,..

조인 joinalias - 테이블명에 별칭조인방식oracle방식ansi방식--alias SELECT ename, dname FROM EMP e,DEPT dwhere e.deptno = d.deptno;--oracle방식select ename, dnamefrom emp,deptwhere dept.deptno = emp.deptno;--ansi방식select ename, dnamefrom emp join depton dept.deptno = emp.deptno;//oracle에서 ,는 join으로 where은 on으로 바꿈외부조인 (outer join) left outer joinselect e.ename, b.enamefrom emp e left join emp bon b.mgr = e.empno;/..

😎 작성 순서→ SELECT > FROM > WHERE > GROUP BY > HAVING >ORDER BY sql 기본select empno,ename,deptnofrom emp;//이 형식으로 작성하자//주석은 --로SELECTDISTINCT (중복제거, 대신에 나중에 배우는 GROUP BY를 사용하자)ex)SELECT DISTINCT A;ALL (*)AS ( 별칭 )SELECT a AS b; //as는 생략 가능 //b는 큰따옴표("")로 묶을 수 있음FROMWHEREAND / OR / NOT / IN / (NOT IN) /BETWEEN /LIKEIS NULL=NULL 대신 IS NULL 사용하기 or IS NOT NULLLIKE_ / %☆ ‘%x%’ → x를 포함하는 문자열 (검색기능때 많..