프론트엔드 (Front-End) > : 접속하는 사용자(클라이언트, Client) 브라우저 상에서 보게 될 영역을 개발하는 부분. HTML(Hyper Text Markup Language) 구조를 정의. 자동차 핸들 : 스티어링 휠이 있다.깜빡이가 있다
기본구조 꼭 외우자. 자동완성이 있다하더라도 필수로 알아야 하는 것.<b>Hello?</b> 3/5점B태그 : Bold, 글씨를 굵게한다.<strong>Hello?</strong> 3/5점STRONG 태그 : 글씨를 굵게한다. 글씨를 이 두개의 태
Table css를 위해서 Table을 사용하면 안되고 아래와 같은 표를 생성할 때 사용한다. 자식 행과 열이 오면 안된다. 빠른 이해를 위해 아래의 시도별인구 표를 통해서 해당 부분 사진을 첨부하겠습니다. caption > : 표의 제목 ( 선택 ) thead
UL > : Unordered List, 순서와 관계 없는 목록. (메뉴) 5/5 OL > : Ordered List, 순서와 관계가 있는 목록. (목차) 2/5 LI > : List Item, 목록의 항목, UL과 OL둘다 사용. ul과 ol의 차이점 목적에
html의 코드를 선택할 수 있어야하기 때문에 선택자라고 한다.주석은 이렇게 사용한다. 한 가지 밖에 없다부모, 자식 관계상관없이 태그만 같다면 속성이 적용이 된다.: 자식도 선택background-color : 배경색상color : 글씨색상font-size: 글씨크기
그룹 선택자 > : 서로 다른 두 개 이상의 선택자에게 동일한 CSS 속성을 적용하기 위해 사용. 인접 형제 선택자 > : '선택자 A'에 의해 선택된 요소 바로 뒤에 붙어서 나오는 '선택자 B'에 해당하는 요소를 선택한다.
포지셔닝 Position > - staitc : 원래 있어야하는 위치에 있게 된다. (기본값) > - relative : position 속성 값이 static이었을떄의 위치를 기준으로 움직인다. > - absolute : position 속성 값이 static이
backgorund-color > : 배경 색상 지정 Literal(리터럴) : red, blue, orange, black, white 등 RGB > : rgb(a, b, c) 함수 이용. 각 빨간색, 초록색, 파란색의 정도를 ( 0~ 255 ) 나타낸다.
transform > : 요소의 형태나 위치를 변화시키기 위해 사용한다. >
calc() > : CSS 속성의 값으로 계산식을 지정할 수 있다. width: calc(100% - 80px); 이렇게 사용이 가능하다. > - 0으로 나누면 HTML 구문분석기에서 오류가 발생한다. + 와 - 연산자는 부호 앞뒤로 공백이 있어야 한다. 가령
개발자 도구 > element : html/css 의 구성이 어떻게 되어있는가 console : javascript ( 기능 구현 ) network : 서버에 대한 것. 통신방법, 응답코드는 무엇인지.. > 요소가 어디에 있는지 하이라이트 해준다. ![](https:
: 내부의 아이템의 모양새가 같거나 반복될 때 사용한다.이러한 레이아웃을 잡을 때 사용한다. 2행 4열이 된다.: Fraction 비율 grid-template-columns: 1fr 1fr 1fr 1fr; 비율이 1:1:1:1 이라는 의미이다.grid-template
Javascript > : 태그를 사용한다. 실행점 > : 어떠한 언어로 된 프로그램이 실행점으로 부터 시작이 된다. Javascript는 실행점을 위한 메서드가 없음. 변수 선언 > : 타입이 따로 없다. 문자열을 사용할 때 홑따옴표, 쌍따옴표, 백틱 모두 사
: else if 문은 여러번 추가 될 수 있고 그 어떤 경우에도 else보다 먼저나와야한다.if가 거짓이지 않는 이상 넘어가지 않는다. if조건문은 딱 하나의 구현부만 실행한다.모든 if는 switch로 변환이 된다.그런데 모든 switch는 if로 변환되지 않는다.
++ 저번시간 배열 메소드 추가 모든 script에 let arr = [1,2,3,4,5]; 배열이 있다는 가정하에 예시를 들겠음. > arr.indexOf(3); : 주어진 값과 같은 아이템의 인덱스를 반환한다. 일치하는 아이템이 없다면 -1을 반환한다. LAM
예제 1) 다음 매개변수 id, name, age, contact 총 네 개를 전달 받아 위 'students' 오브젝트에 추가하는 함수 addStudent를 만드세요.단, 'students'오브젝트에 학생을 추가 할 때에는 위 매개변수 중 id값을 키(key)로 사용
: id속성 값은 스타일링 목적으로 사용하지 않고 주로 Javascript에서 요소를 선택하기 위해 많이 사용한다. 한 문서 내에 같은 이름을 가지는 id가 중복되면 안된다.: 브라우저 그 자체: HTML 태그 이거 자체가 document 이다.: 선택된 요소의 내부
이제는 css와 javascript를 html문서자체에서 적는 것이 아닌 다른 파일을 만들어서 사용하자. css 확장자는 cssjavascript 확장자는 js이다. 아직은 이 세개가 전혀 관계가 없는 파일들이다. 연결을 시켜보자! head에 적어준다. ctrl누르
< 게임룰 >이것에 대한 추측을 다음 줄, 다음 줄씩... 계속 진행한다.words : 규칙상 길이가 5자인 영어단어를 나열해야한다. 사용 될 단어를 배열로 만들자.word : 단어 하나를 정답으로 지정을 해놓기 위해 생성. 단어 하나를 start 버튼을 눌렀을때
프로젝트 생성 > > 1. 'Spring Initializr' 선택 2. 1.8 == 8 인데 Java : 8 얘를 왜 사용할까 8은 코드가 돌아갈 버전은 아니다. 버전이 올라가면 올라갈수록 새로운 기능이 들어오게 된다. 그런 문법적인 것 기능들을 몇 버전 기준
target : 컴파일된 내용이 들어가는 폴더이다. 안에 있는 내용은 컴파일을 하면서 최적화를 거친 내용들이다. * -> MvcApplication을 보면..* > 클래스 위에 @SpringBootApplication 이라는 어노테이션이 달려있다.
study-database 프로젝트 생성 MVC 패턴으로 코드 작성하면서 데이터베이스를 연결해보자. > controller의 이름을 붙여주는 것이다. > ModelAndView 를 return 던지기 위해 ModelAndView 를 직접 객체화 하지 않아도 매개변수
view를 담당하는 Repository를 생성하자. @Repository > 해당 클래스가 저장소로 사용될 것임을 스프링 부트에게 알린다. 데이터베이스에 접근할 수 있는 유일한 것. > - 저장소는 종류가 많은데 그 중 DAO(Date Access Object)
아래의 문의 내용이 뜨도록 하자. 주소에 딱 들어갔을 때도 보여져야하며 문의를 남겼을 때에도 문의 내역이 보여야한다. = 어디서든 보이게 하자. indnex.html get.post이든 service 통해서 EInquiryEntity 타입의 select list 를
고객이라고 검색하면 '고객'이라고 DB에 들어갈텐데 '?\n'처럼 홑따옴표를 붙이지 않아도 그냥 해도 쿼리가 잘 돌아가는 이유는 PreparedStatement를 썼기 때문에 문자열이 들어가게 되면 홑따옴표를 알아서 붙여준다. (Statement와의 다른점이다.) 대
먼저 전체 문의 내역의 갯수를 받아오자. * → InquiryService > getTotalCount* > 9분 resultSet.next() resultSet도 set 종류중 하나이다. > 이 Dao문에서 select되는 것은 모든 문의 내역이 select된다.
Dao여기서 작업상의 부화율이 가장 높은 것은 데이터를 가져오고 처리해주는 Connection이 가장 높다. Request가 들어와서 조치를 취해주고 응답이 나가는데까지 걸리는 시간 중 DB가 가장 오래 걸리는데 Connection을 열어주는데 꽤 걸리기 때문이다. 이
→ UserController > 어쩌고 Controller면 무조건 /어쩌고 가 맵핑이 되어야한다. 한가지 예외가 있다면 HomeController 혹은 RootController는 / 로 맵핑한다. 경로 자동완성 되게 하는 방법 > command + ; ![](h
emailverifiedflag 추가 password가 128자인 이유. 단방향 암호화를 위해 해싱을 할 것. 암호화 1. 단방향 > MD5로 암호화를 하게 되면 엄호화되기전의 길이가 어떻든 간에 암호화후의 길이는 항상 같다. 손실이 발생하기 때문에 다시 돌릴
UserService putUser -> Register 로 변경 -> 코드를 간결하게 줄이자 Controller말고 Service에 로직을 구현하자. -> UserService Register > -> UserController postRegister > ->
이메일 링크 클릭하면 이메일 인증 절차를 진행해주자. > key라는 값이 들어왔을 때 emailverificationkeys 테이블에 있는 key와 들어온 key를 비교하고 expiresat 가 현재보다 미래일 것이고 expiredflag 이 0인 것을 확인한 후 ex
XHR > : XHR(XML Http Request) 혹은 Ajax(Asynchronous Javascript And XML) 이라 함. XHR은 현재 페이지 변화없이 비동기적으로 특정 요청을 보내고 응답을 받기 위해 존재하는 기술이다. XMLHttpReqeust 타
프로필 관리 data-func > 어떤 요소를 클릭했을 때 어떠한 함수를 실행시키고 싶을 때 사용한다. > data-func이 프로필관리와 완료 버튼 두 개가 있는데 forEach 를 돌린다. const dataFuncValue = x.dataset.func;은
현재, 페이지와 주소는 변하지만 실제로 새로 로딩되는 것이 아니다. 라우팅이라는 것을 이용해야한다. 관리자계정으로 들어간다면 콘텐츠를 등록할 수 있게 하자. 얘 또한 페이지 로딩없이 이동이 된다. 전부 Ajax로 처리해야한다. -> 필요한 정보 > > 순수 미