하루하루 성장하는 개발자가 되자

-- INDEX -- 1. 게시글 목록 페이지 (기본틀) 2. 글작성 페이지 / 글작성 요청 처리 3. 필터 통한 인코딩 화면요청 화면페이지 만들기 화면요청 화면페이지 만들기 글 작성 버튼 처리하기 글 작성 요청 처리하기 web.xml에 CharacterEncodingFilter 등록 4. 게시글 목록 페이지 (db데이터 반영) 5. 상세 페이지 요청 / 처리 6. 조회 수 증가 7. 경로변수 화면 보여주는 @Getmapping 부분에 DB 작업 추가 게시글들을 List로 받아와서 화면에서 보여주기 보여줄 게시글 번호 전달해주기 상세페이지 만들기 sql - dao - service 조회 수 증가 이루어진 후 상세페이지 작업 진행 요청방식 detail/3 @PathVariable required 1. 게시..

-- INDEX -- 1. 아이디 중복체크 2. ajax란? 3. 숫자 타입 4.json 타입 5. 인코딩 6. @RestController id입력한 값 얻어오기 클라이언트 측에서 받아오는 방식과 처리 방식이 다른 것. data{age:20} Gson produces() 컨트롤러의 있는 모든 메서드의 리턴은 문자열 그대로 처리되었으면 한다. 값 담아서 서버에 요청보내기 test2( String age ) gson.toJson() 응답받은 값으로 처리하기 Ajax활용 1. 아이디 중복확인 체크하기 1-1 : form전송 안되도록 – 타입:버튼으로 변경해주고 – onclick 이벤트 걸어주기 flag 개념의 응답 결과 표시해놓을 input 태그도 만들어놓기 1-2 : 태그에서 checkDup 메서드 만들어..

-- INDEX -- 1. 회원정보 수정 2. 기존파일 삭제 3. 신규파일 업로드 4. 회원번호얻기 5. DB 저장 파일처리가 필요하다. f.exists() f.delete fileUpload() vo.setFilename() !vo.getProfile.isEmpty() input 태그 x loginMember.getNo() update 쿼리 select 쿼리 1. 회원정보 수정(프로필 사진 변경) 작업 시작 회원정보 수정 – 결국 update작업이긴한데 파일 처리가 필요하다. 파일처리하면서 해보자 1-1 : 파일처리 경우의 수 4가지 체크 실습은 –기존 파일 삭제하고 – 신규로 받은 파일 등록하는 경우로 진행 2. 기존 파일 삭제하기 2-1: req객체 이용하여 기존 파일 저장되어있는 경로 가져오고 r..

-- INDEX -- 1. 쿠키란? 2. 쿠키 객체 만들기 3. 쿠키 설정 클라이언트 측 data 저장소 new Cookie() resp.addCookie() .setMaxAge() .setPath() 4. 쿠키 삭제 5. 클라이언트에서 쿠키확인 6. 서버에서 쿠키확인 7. id 저장하기 덮어쓰기로 삭제 key, path 동일하게 지정 ${cookie.key} ${empty cookie.key} @CookieValue Cookie key flag 역할 지정하고 값 들어오면 쿠키 생성해서 저장 1. 쿠키란? 서버 측에서는 4가지 스코프 - 저장소 있었다.( page,request,session,application) 쿠키란 클라이언트 측에서 가지고 있는 data 저장소 - cookie를 이용하여 key:v..

figma 를 활용하여 팀원들과 작업 진행 1. main Color 정하기 마카데미아라는 프로젝트명에 맞춰 노란색- 흰색으로 정할지 가독성 좋고 이달의 컬러인 베리페리로 정할지 회의 # VeryPeri로 결정 # 2. 메인 아이콘과 위치 결정하기 메인 화면에 아이콘들을 무엇으로 할지 왼쪽에 세로로 배치할지 위쪽에 가로로 배치할지 회의 3. 메인 화면 큰 구조 통일 하도록 세팅 위쪽 메인 아이콘을 클릭해서 들어오면 왼쪽에 세부 메뉴들 표시하도록 해주고 메인 섹션에 해당 내용 보이도록 통일 4. 내가 맡은 부분 UI 작업 진행 - 진행 중 -

1. Final Project 소개 주제 : 그룹웨어 ( 교육용 그룹웨어 ) 팀명 : 삼삼한 이팔청춘 프로젝트명 : 마타데미아 주요 기능 도메인별 도출 : 직원/학생관리 , 급여관리, 사내 커뮤니케이션, 업무, 관리자, 마이페이지, 로그인, 메신저 # 내가 구현할 파트는 - 급여관리 파트와 사내 메신저 파트 # 2. DB 모델링 진행 2-1 : 전체 모델링 2-2 : 메신저 파트 1:1 테이블 관계는 좋지 않지만 - 사내 메신저는 따로 프로그램을 실행시켜 관리하는 생각으로 사원 1명당 1개의 메신저 등록번호를 가지도록 하여서 [ 메신저 등록 ] 테이블을 [ 사원 ] 테이블로 사용할 생각으로 구조를 잡았다. # 메신저의 주요 기능은 쪽지를 주고받는 기능으로 참조 테이블을 활용하여 여러 명에게 보낼 수 있도..

-- INDEX -- 1. 썸네일 2. docker 3. VM 4. OS .onchange files.length readAsDataURL onload data.target.result 클라우드 컴퓨터 linux Virtual Machine 내 컴퓨터 안에 컴퓨터 Operating System 하드웨어에서 s/w 사용할 기반환경 제공 1. 썸네일 1-1 : 회원 가입할 때 선택할 파일 미리 보기 # 파일 선택하다가 취소하면 사진 남아있지 않도록 해주기 5번 src = " " 해준 부분 체크 1-2 : .target.result 가 무엇인지? 4번에 있는 - 파일을 다 읽어오면 동작하는 함수 생성 부분에서 data 파일을 다 읽어오면 파일을 출력하게 해 보았다. console.log(data) # 여기서 ..

-- INDEX -- 1. 회원가입 2. 로그인 3. 암호화 4. 이미지 보여주기 5. 로그아웃 이미지 파일첨부 id로 멤버 가져오기 Spring Security Core BCryptPasswordEncoder 비회원 - 게스트 이미지 세션 .invalidate() 파일업로드메서드 만들어서 사용 가져온 멤버 pwd와 입력받은 pwd 비교 vo에 암호화 메서드 생성 회원 - 프로필 이미지 1. 회원가입 ( 프로필 이미지 파일 첨부 ) 1-1 : db모델링 및 테이블 만들기 1-2 : C – S – D :: vo 만들기 서비스는 인터페이스와 + 구현체 클래스 # Service 체크포인트 서비스 레이어에서 sst는 변경될 일 없어서 final 키워드와 생성자 인젝션으로 만들어줌 # Service 체크포인트 같..

-- INDEX -- 1. 그리드 2. 칸막이 생성관련 속성 3. 칸막이 위치관련 속성 4. 요소배치관련 속성 diplay : grid; grid-columns grid-rows repeat grid-auto-rows fr align-content justify-content place-content align-items justify-items place-items 5. 요소자체정렬 속성 6. 아이템 요소 배치 7. 요소 순서 바꾸기 8. 페이지 체크 align-self justify-self place-self gird-row : span2 gird-row : 1 / span2 gird-row : 1/ 4 order 1. 그리드 테이블 만들 때 사용하는 애 사람들이 테이블의 원래 목적과 다르게 레이아..

-- INDEX -- 1. 브라우저 - 다운로드 2. 서블릿 - 다운로드 3. 스프링권장 - 다운로드 4. 빌더패턴 resp.setHeader Dispatcher Servlet 이용 이너클래스 임시객체 메서드체이닝 builder Content-Type Content-Disposition Content-Length ByteArrayResource ResponseEntity 파일 다운로드 받기 1. 브라우저 이용하여 다운받기 - 현재 보여지고 있는 를 태그로 감싼 뒤 태그에 download 속성 추가 download href는 태그의 src와 같은 경로로 작성 src 경로만 잘 작성해주면 된다. 누르면 자동으로 다운로드해준다. # 이런식으로도 가능하겠죠 # 크롬 브..