CSS 마지막

position

• fixed: 웹브라우저 시작점 기준
• absolute: 컨테이너 시작점 기준
• relative: 각 요소 시작점 기준

flex

플렉스 컨테이너와 플렉스 아이템

• container : display 속성값으로 flex나 inline-flex 적용된 요소
• item : 컨테이너와 자식관계인 태그 구성 요소

justify-content

• flex-start, flex-end, center, space-between, space-around, space-eveny

align-items, align-content, align-self

• align-items: stretch..
• align-content
  p.288 밑줄부분확인

Grid

그리드 컨테이너

grid 셀 합치기

1. 숫자(라인, 123 // -3 -2 -1)
2. area(이름)

기타

스프링 책추천:

스프링 퀵 스타트 <- 도서관 자료신청 활용하면 좋음

툴 자동저장여부

• 인텔리제이, MySQL, MariaDB 는 자동저장
• VSC, 이클립스, Oracle은 수동저장해야됨

퀄리티있는 CSS 연습사이트

• mock :
  1) 최신, 어려움https://templatemo.com/page/1
  2) 올드, 쉬움 https://www.free-css.com/free-css-templates?start=3468
• 브라우저 환경에서 CSS 코딩 사이트
  1) https://jsbin.com/?html,output
  2) https://codesandbox.io/s/learn-grid-css-5ih9w?from-embed=&file=/index.js
• 게임으로 공부 https://flexboxfroggy.com/#ko
• 자료 많은곳 https://codepen.io/

JSP

• 구형 :Cos
• Apache -common
  https://cafe.naver.com/hamminglab/20162

java

익명객체

• UI(윈도우/웹) 프로그램에서 이벤트를 처리하는 객체로 많이 사용
• event -> 마우스 조작(click, doubleclick, drag, wheel click, right button)

• ex) 자바의 람다식.
  :익명 객체를 함수화
  람다식 함수 정리
  https://cafe.naver.com/hamminglab/20754
  https://cafe.naver.com/hamminglab/21036

• 자바 스크립트의 arrow 함수와 햇갈리지 말것

const materials = ['Hydrogen', 'Helium', 'Lithium', 'Beryllium'];

console.log(materials.map((material) => material.length));
// Expected output: Array [8, 6, 7, 9]

라이브러리

jar 파일을 import해서 쓴다 정도로 알고있기

예외처리

오류의 종류 3가지

• Syntex Error : 오타 -> Compiler | Precompiler(IDE가 글자를 입력하는 순간 바로 에러발생 알림)
• Logic Error : 논리적 오류 -> debugging Tool
• Runtime Error : 실행오류 -> 예외처리(Exception, Throws)

일반적 디버깅 기능

• 인텔리제이(Intellij) 디버거 사용법
  

1. Break Point: 멈출 특정 위치들을 지정. 해당 라인 미만 코드까지 실행된다.(멈추고 싶은 위치에 코드가 없다면 가짜 코드 한줄을 심어 포인트를 지정한다.)
   당연히 일반 실행시에는 적용되지 않으며, 디버깅모드에서만 동작
   인텔리제이에서는 라인넘버를 클릭시 지정됨
   
2. 브레이크 포인트까지 이동
3. Step by Step 한단계씩 확인
   함수까지 들어갈 필요없으면 한단계씩 확인만
   인텔리제이에서는 "step over"
4. Function in
   함수내 오류라면 들어감
   인텔리제이에서는 "step into"
5. Function
6. Function out
   함수내 오류가 아니라면 다시 나감
   인텔리제이에서는 "step out"
7. Stop
   더이상 이상이 없다면 디버깅 툴을 종료
8. Watch
   step 진행에 따라 변수 변화를 보여줌
   

디버깅 툴 활용

디버깅 툴을 사용하면 상위 클래스의 기능을 알 수 있음
인텔리제이 단축키 F4 : 상위 소스 추적

오류발생시 커뮤니티

stackoverflow

Junit, XUnit 프레임워크(c, java등 큰 개념 JUnit도 여기 포함)

1. 단위테스트 -> 서버를 사용하지 않음 Junit
2. 통합테스트 -> 서버 사용
3. 성능테스트
4. 인수테스트

try~catch~finally

에서 catch를 여러번 사용할 수있는데, catch의 맨 마지막에 최상단 클래스Exception을 사용한다.(지정한 에러 외 다른에러 처리)
정상 실행시 finally 블록만 실행

기타

java 버전바꾸기

jdk 위치 확인
환경변수 변경(제어판 > 시스템 > 고급시스템설정)
cmd -> java -version 으로 확인
javac -version 로도 확인(두개가 다를 경우가 있음)

settings -> sdk 검색 -> importing 에서 벼경

새로운 프로젝트 생성하여 새로운 버전으로 적용

과제

html 과제

p.314

2나 3번 작성하고,
이미지 가져다가 링크로 적용
이미지 소스 사이트
https://cafe.naver.com/hamminglab/21511

html 개인과제 시작

책 맨뒤에

java

478, 479~ 482 시간있을때 짜보기