미미의 메모장

디자인을 수정했다 우선 메모장에만 집중 하기로. 디비에 메모 테이블을 추가해 준다 CREATE TABLE MEMO( -> memoID INT, -> memoTitle VARCHAR(50), -> memoContent VARCHAR(2048), -> memoAvailable INT, -> userId VARCHAR(20), -> date TIMESTAMP, -> PRIMARY KEY (memoID) -> ); write.jsp 에 간단하게 form 을 만들어준다.글쓰기 글쓰기를 누르면 writeAction.jsp로 이동한다.writeAction페이지에서는 session 체크 하고, 아이디가 없으면 로그인 페이지로 이동하고,title, content를 입력 안하면 ..

간단하게  이렇게 만들어 놓고,기능 구현 먼저 시작.  회원가입 DAO에 join 클래스 추가해주자.public int join(User user) { String SQL = "INSERT INTO USER VALUES(?,?,?)"; try { pstmt= conn.prepareStatement(SQL); pstmt.setString(1,user.getName()); pstmt.setString(2,user.getUserId()); pstmt.setString(3,user.getUserPassword()); return pstmt.executeUpdate(..

로그인 페이지는 간단하게 id, password 만 받아서 입장 할 수 있도록 한다.디자인은 이런 식으로 해보면 어떨까.  DB는 mysql을 사용하기.로그인 화면에 필요한 사용자 테이블을 먼저 만들었다.간단하게 id, password, name으로만 만들어놓고,id는 유일해야하므로 PRIMARY KEY로 설정해둔다.CREATE TABLE USER( -> userID VARCHAR(20), -> userPassword VARCHAR(20), -> userName VARCHAR(20), -> PRIMARY KEY(userID) -> );테이블 조회는desc user; 하나의 데이터를 넣어 보자.INSERT INTO USER VALUES('mimi','1111','손미미'); 전체..

자바 공부 할 겸 게시판을 만들어 보려고 했으나, 메모장도 기능이 비슷할 것 같아서 개인적으로 사용해볼 메모장을 만들어 보려고 한다. 언제나 그렇듯, 이미지로 어느 정도 구상이 되어 있어야진행이 되는 나로서는,먼저 디자인 초안을 만들어 보았다.(핀터레스트에서 따라하고 싶은 디자인을 골라서 figma로 만들었다. 핀터레스트 짱!)   로그인 기능은 이 페이지가 완성되고 난 후, 붙여 보기로 하고다이어리 첫 페이지는, All로 선택 되어 모든 메모장을 나열 해 줄 것이고,위에 메뉴에서 선택 했을 경우 하나씩 보여 주도록 만들 예정이다.세로 스크롤이 아니라 가로 스크롤로 도전해 보고 싶어서 가로로 흘러가는 UI를 구상해보았다. +추가 할 디자인All 페이지 일 경우 레이아웃Read more 을 눌렀을 때 나오..

CRUD 맛보기nest g res todos//Rest API 선택//CRUD 선택 service: 데이터를 가져와서 가공해서 넘겨주는 애 postmanapi 만들때 collections 선택 + 누르고 만듬 @get / @put / @update / @delete  Prisma ORM 설치 및 연동nest 공식 문서에서 RECIPES 참고 Prisma 선택$ npm install prisma --save-dev$ npx prisma initprisma 폴더에 schema.prisma 에서 데이터베이스 설정해주면 된다.env에 디비 url 설정 : 디비종류://유저이름:비번@url:/디비이름?schema=publicnpx prisma generatenpx prisma db pullnpx p..

Node js 이해자바스크립트 런타임, 자바스크립트를 계속 돌아가게 해준다 homebrew 설치 후,brew install node 터미널이랑 친해지기cd : 해당 위치로 가기 / cd .. 상위 폴더 이동clear : 쌓인 로그 지우기ls: 리스트 / -al 숨김파일도 보기touch: 파일 만들기mkdir: 폴더 만들기open . 폴더 열기rm : 파일 지우기rmf -rf : 폴더 파일 전체 삭제 sudo vi .env : 파일 열기 에디터  i : insert 모드, 입력할 수 있다  esc :q : 저장됨  dd : 두번 누르면 한줄 지워짐  :wq! : 저장하고 끄기cp : 복사더 알고 싶으면 vim-cheatsheet 에서 확인 zsh설치oh my zsh sh -c "$(curl -fsSL ..

함수 rest 파라미터, destructuring 할 때 타입지정//다른 파라미터 있으면 맨 뒤에만 사용 가능function 전부더하기(...작명:number[]){ console.log(작명)}전부더하기(1,2,3,4,5) ... spread operator는 괄호 벗겨주세요 문법 destructuring 개념let { student, age } = { student : true, age : 20 }let [a, b] = ['안녕', 100]  Destructuring 문법도 함수 파라미터에 사용가능 let person = { student : true, age : 20 }function 함수({student, age} :{student : boolean, age : number}){ console..

Typescript 필수문법 10분 정리와 설치 셋팅 (Vue, React 포함)  1. nodejs 설치2. VScode 에디터3. 터미널 오픈 npm intall -g typescript4. 코드짤 폴더만들고 에디터로 폴더 오픈5. 어쩌구.ts 파일 생성 후 코드 짜기6. tsconfig.json 생성 후 내용 작성//ts->js컴파일시 옵션 설정{ "compilerOptions":{ "target":"es5", "module":"commonjs", }}7. 터미널 켜서 tsc -w입력해두면 자동 자바스크립트 파일로 변환8. 이제 HTML 파일 등에서 타입스크립트로 작성한 코드를 사용하려면 .ts가 아니라 변환된 .js 파일을 사용  타입스크립트 정리 변수명 : 타입명 let 이름 :str..

stored procedure는 코드 덩어리 저장가능  프로그래밍의 함수문법이랑 같다 이제 앞으로 CALL procedure이름() 만 실행하면 BEGIN/END 사이에 저장해놨던 코드가 실행  procedure 생성하는 SQL 명령어 DROP PROCEDURE IF EXISTS 데이터베이스명.get_all;DELIMITER $$$$CREATE PROCEDURE 데이터베이스명.get_all()BEGIN SELECT * FROM product where 가격 > 5000;END $$DELIMITER ;   변수 문법 SET @변수명 = 저장할값; SET @변수명 := 저장할값; SELECT @변수명 := 저장할값;   @변수에는 숫자, 문자, binary, NULL 이런 자료 1개만 간단하게 저장할 수 ..

테이블과 컬럼 생성할 때 SQL 써야 약간 멋있음 데이터베이스 생성, 삭제하는 법은  CREATE DATABASE 데이터베이스이름 DROP DATABASE 데이터베이스이름  CREATE TABLE 테이블명 ( 컬럼1이름 datatype, 컬럼2이름 datatype, 컬럼3이름 datatype, ...등 ); 마지막 줄에는 콤마 (,) 넣으면 안됨.   컬럼 생성, 변경, 삭제는 ALTER TABLE 테이블명 ADD 컬럼명 VARCHAR(100); 데이터타입이 변경 : ALTER TABLE 테이블명 MODIFY COLUMN 컬럼명 datatype; 컬럼 제거 ALTER TABLE 테이블명 DROP COLUMN 컬럼명;  컬럼에 Constraints (제약조건) 주기 1. NOT NULL 제약조건  -..