1cm

2021. 11. 08 > 실습 코드와 출력 결과 -> 02_기본문법.html 3. 연산자 "==" 연산자와 "===" 연산자 "=="은 값이 일치하는지를 확인하는 연산자이고 "==="은 값과 자료형이 일치하는지를 확인하는 연산자이다. 연산자 테스트 4. 제어문 for in 문 for in 테스트 -> 02_기본문법.js // 연산자 테스트 function opTest2() { let area = document.getElementById('area5'); area.innerHTML = '"==" 연산자 테스트 '; area.innerHTML += `'7' == 7 : ${'7' == 7} `; area.innerHTML += `'7' == 7 : ${'7' == '7'} `; area.innerHTML..

2021. 11. 05 > 01_개요_실습문제.html -> 전체코드 개요 실습 문제 문제 1. 색상 조절하기 색상 선택 후 변경 버튼을 클릭하면 색상이 변경되도록 만들기 변경 문제 2. 크기 변경하기 버튼에 따라 크기 조절이 가능하도록 만들기 50X50 원본(100X100) 200X200 문제 3. HTML 태그에 접근 텍스트 박스로 입력받은 데이터를 가져와서 출력하기 (단, 구매자는 태그이름, 상품명은 아이디, 구매가격은 name값으로 접근) 구매자 : 상품명 : 가격 : 입력값 출력하기 문제 4. 테이블 만들기 prompt()로 사용자로부터 행과 열의 개수를 입력받아 테이블 만들기 아래의 div 태그에 innerHTML 속성을 사용해서 만들어진 테이블 포함한다. 테이블 생성 -> 01_개요_실습문제..

2021. 11. 04 > 클라이언트 - 서버 구조 -> 프로토콜 : 인터넷상에서의 규약 -> HTTP : 하이퍼텍스트 전송 규약(웹 통신) -> FTP : 대량의 파일을 전송/수신하기 위한 파일 전송 규약 -> TELNET : 원격지에서 서버 컴퓨터를 원격 제어하기 위한 규약 > 클라이언트 주요 언어 -> HTML : 하이퍼텍스트를 구현하기 위한 뼈대가 되는 핵심적인 기술 마크업 언어 -> CSS : HTML은 뼈대라면 CSS는 꾸미기 위한 옷의 기능을 한다. -> 자바스크립트(JavaScript) : 기능, 로컬의 브라우저에서 실행되는 인터프리터 방식(별도로 컴파일 과정 X)의 프로그래밍 언어 -> jQuery : 존 레식(John Resig) 창안, JavaScript 기반 라이브러리 중 하나로 자..

2021. 11. 03 UI디자인 평가 -> 서술형 문제에서는 html, body 태그에 대한 설명과 h태그의 종류, 크기순 작성하는 등 기본적인 html상에서 쓰이는 태그들과 개념들에 대한 문제들을 풀었다. -> 문제해결 시나리오에서는 포트폴리오 문제로 주어진 페이지 예시를 보면서 html, css 태그들을 활용하여 표와 구조들을 작성하여 파일로 만들어 제출하였다.

2021. 11. 02 > transform-origin -> 기존 변형 기준 x, y, z 축이 아닌 특정 지점을 기준으로 변형할 수 있게 하는 속성 선택자{transform-origin: x y z;} > perspective -> 화면에서 원근감을 갖게 하는 속성 * 다른 변형과 적용하려면 먼저 족용되어야 함 선택자{perspective: 숫자(단위);} > transform-style -> 여러가지 변형을 동시에 하는 경우 부모 요소에서 적용한 3D변형을 하위 요소에 적용하는 속성 선택자{transform-style: 속성 값;} -> flat : 하위 요소를 평면으로 처리 -> preserve-3d : 하위 요소들에 3D효과 적용 > backface-visibility -> 회전하여 뒷면이 보일..

2022. 01. 25 home에서 list로 이동할 수 있는 링크 생성 게시글 조회 - 게시글 작성 write.jsp 생성 게시판 작성 제목 작성자 첨부파일1 내용 page를 불러올 수 있게 mapping 작업 해주기 @GetMapping("/board/write") public String write() { return "/board/write"; } BoardController 메소드에 @RequestMapping을 붙여주면 @Slf4j @Controller @RequestMapping("/board") public class BoardController { 컨트롤러에서 실행되는 모든 매핑 정보 앞에 /board가 붙는다고 보면 된다. 인터셉터로 로그인 멤버만 접근이 가능할 수 있도록 처리 @Pos..

2022. 01. 21 - 게시글 목록 조회 mybatis에서 작업했던 board.model.vo, board-mapper.xml 복붙해주기 list.jsp 파일 생성 후 내용은 이전에 mvc에서 사용했던 것 복붙 게시판 글쓰기 번호 제목 작성자 작성일 첨부파일 조회수 조회된 게시글이 없습니다. ${ board.rowNum } ${ board.title } ${ board.writerId } ${ board.createDate } - ${ board.readCount } >> path로 이름 변경해주기 - list를 읽어올 수 있는 서블릿 만들기(컨트롤러) > BoardController.java package com.k..

2022. 01. 20 - 회원 정보 수정 > myPage.jsp 생성 회원 정보 수정 아이디 이름 휴대폰 이메일 주소 취미 운동 등산 독서 게임 여행 비밀번호변경 URL 주소를 입력, -> GET요청 > MemberController.java @GetMapping("/member/myPage") public String myPage() { return "member/myPage"; } myPage -> 로그인 후에 페이지를 들어갈 수 있게 하기, 미로그인 시 접근 못하도록 처리하기 > home.jsp ${ loginMember.name } 님, 안녕하세요. 로그아웃 로그인 후 Anchor태그 사용해서 myPage 페이지로 이동 - 로그아웃 후 접근 시 메세지 출력 후 home으로 이동시키기 참고 : h..

2022. 01. 19 - 회원가입 (복습 참고) - servlet-context.xml resource로 시작하는 요청이나 js로 시작하는 요청은 Dispatcher Servlet에서 직접 처리하는 것이 아닌 location 경로와 매핑하여 바로 내려줄 수 있게끔 설정해줄 수 있는 속성이다. - 회원가입 로직 구현 @PostMapping("/member/enroll") public String enroll(@ModelAttribute Member member) { log.info(member.toString()); int result = service.save(member); return "member/enroll"; } int -> 영향받은 행의 개수(정수형) MemberService.java -> ..

2022. 01. 18 bean 내의 driverClassName="oracle~~" 대신 ${db.driver} 식으로 불러올 수 있게 placeholder로 위치를 설정해준다. -> root-context.xml 그리고 mybatis-context.xml 내의 bean을 수정해주면 불러올 수 있다. -> property의 값들을 불러올 수 있음 MemberDao를 MemberMapper로 이름 변경 package com.kh.mvc.member.model.dao; import org.apache.ibatis.annotations.Mapper; import org.apache.ibatis.session.SqlSession; import com.kh.mvc.member.model.vo.Member; @M..