제 기준 Intellij IDE 사용시 유용한 단축키를 정리해봤습니다. Command + Shift + T : 테스트 코드 생성 Fn + Shift + F6 : rename Option + Command + M : 메소드로 추출하기 ( extracting method ) Command + N : 파일, 패키지 생성 Command + Shift + Enter : 자동 완성 Option + Command + V : 변수 추출하기 ( extracting variables ) Command + E : 최근 열어본 파일 보기 Option + Command + N : inline variable -> 한 줄로 바꿔주기 Control + T로 inline variable을 찾아서 실행해줄 수 있음. F2 : 오류 발..
no.1 첫 줄 JSP 문서라는 뜻 no.2 자바의 import 문과 같다. no.3 이 부분에는 자바 코드를 입력할 수 있다. no.4 이 부분에는 자바 코드를 출력할 수 있다. no.5 -> ${ ... } 로 Model에 저장한 member 객체를 꺼낼 수 있지만, 너무 복잡해진다. JSP는 ${ ... } 문법을 제공한다. 이 문법을 사용하면 request의 attribute에 담긴 데이터를 편리하게 조회할 수 있다. id=${member.id} no.6 - 선언
function 함수이름 (매개변수) { 함수를 호출했을 때 실행할 명령문 } 매개변수 -> Optional return 값 -> Optional 함수 작성 방법 함수 선언식 function hello(매개변수) { 실행문 } 함수 표현식 -> 익명 함수 할당 const hello = function(name) { alert( name + "님 안녕하세요") } 화살표 함수 const hello = (name) => { alert( name + "님 안녕하세요") } 내장함수 시간 지연 함수 : 일정한 시간을 기다린 후 실행하는 함수 (ms) setTimeout(func-익명함수, time) 시간 반복 함수 : 일정 시간 마다 반복하여 실행하는 함수 (ms) setInterval(func-익명함수, ti..
최댓값 구하기 Math.max(2, 1, 6) 최소값 구하기 Math.min(2, 1, 6) 랜덤 수 생성 Math.random() -> (0 ~ 1 까지의 임의의 수) 루트 Math.sqrt(2) -> 1.414... 반올림 Math.round(2.12) 올림 Math.ceil(2.12) 버림 Math.floor(2.12)
종류 String Number : 모든 숫자를 실수로 처리한다. Boolean undefined : 변수를 선언했지만 값이 할당되지 않았을 때, 자바스크립트 엔진이 암묵적으로 초기화하는 값. null : 의도적으로 값이 없음을 명시하기 위해 할당하는 값 확인 방법 typeof "변수명" 타입 변경 방법 Number("23") -> String "23"을 숫자 23으로 변경 String(24) -> 숫자 24를 String "24"로 변경 String(true) -> bool true를 문자 "true"로 변경
변수 : let 상수 : const 배열 const array = [1,2,3] 길이 구하기 array.length 값 꺼내기 array[0] 값 맨 뒤에 추가하기 array.push(4) 맨 마지막 삭제하기 array.pop() -> return 값 : 4 정렬 array.sort() 가지고 있는 데이터 확인 array.includes(1) 배열 2개 연결하기 : concat const array2 = [4,5,6] array.concat(array2) 배열을 문자로 만들기 : join array.join('-') -> 1-2-3 배열 분리하기 : splice array(0, 2) -> [1,2] 배열에서 원하는 요소만 뽑아내기 : filter array.filter((number) => (number..
flex 핵심 : 여러 태그를 하나라 묶어서 정렬 flex는 기준을 부모박스로 두고 움직이게 된다. display: flex; flex-direction: column; -> 박스를 수직으로 나열 align-items: center; ->부모 박스의 가로를 기준으로 가운데 정렬 justify-content: center; -> 부모 박스의 세로를 기준으로 가운데 정렬 flex-direction: row; (defalut) -> 박스를 수평으로 나열 justify-content: center; ->부모 박스의 가로를 기준으로 가운데 정렬 align-items: center; -> 부모 박스의 세로를 기준으로 가운데 정렬 정렬 속성 flex-start : 처음으로 기본값 flex-end : 끝으로 정렬 sp..
Cascading Style Sheet CSS는 HTML의 색, 크기, 정렬 등을 변경하여 꾸며주는 언어이다. 특성 (property) 색, 크기, 정렬 등이 존재한다. 기본문법 selector(선택자) { property(속성) : value(값) ; property(속성) : value(값) ; } 사용방법 html 태그 속성에 입력하는 방법 장점 : 스타일 적용 태그 즉시 확인 가능 단점 한번에 하나의 태그에만 적용 가능 전체 코드 가독성 나쁨 관심사 분리 안됨 태그에 입력하는 방법 장점 전체 코드 가독성 향상 유지보수 용이 단점 태그와 CSS 연결이 필요 관심사 분리가 안됨 CSS 파일을 만들어 불어오는 방법 장점 전체 코드 가독성 향상 유지보수 용이 관심사 분리됨 단점 태그와 CSS 연결 필요 ..
