TIL
[Today I Learn] 2022.08.11
TIL - 알고리즘 문제풀이 1210. Ladder 4837. 부분 집합 합 4843. 특별한 정렬 배열_색칠하기 이진탐색 What I did 비트연산자 이동 이차원 배열 문제 풀이 Memo 힘든만큼 성취감이 컸다
[Today I Learn] 2022.08.03
TIL CSS 레이아웃 : Display, Position, Float, Flexbox, Grid 등 - Float 박스를 왼쪽 혹은 오른쪽으로 이동시켜 텍스트를 포함한 인라인 요소들이 주변을 감싸도록 함 돌멩이(사진 등의 요소)를 주변으로 물(글)들이 감싸 흐르도록 하는 구조 요소가 Normal Flow를 벗어나도록 함 - Flexbox 주로 활용할 예정 행과 열 형태로 아이템을 배치하는 1차원 레이아웃 모델 main axis : 메인 축(행 방향), cross axis : 교차 축 (열 방향) Flex Container (부모 요소)와 Flex Item( 자식요소) 가 있다. flex direction에 따라 justify direction, align direction이 달라진다. flex dire..
[Today I Learn] 2022.08.02
TIL - CSS 우선순위 !important가 붙은 속성 inline에서 직접 style을 지정한 속성 #id로 지정한 속성 .클래스, :추상클래스로 지정한 속성 태그명으로 지정한 속성 상위 객체로 인해 상속된 속성 *같은 우선순위에 있을 때 나중에 선언된 것이 우선으로 적용 클래스 명의 경우 일부 단어가 포함되도 적용이 가능 ex) green blue, blue green → .green 또는 .blue로 설정해도 CSS가 적용됨 - 글자 크기 단위 em : 상속의 영향을 받는 상대적인 사이즈 ex) 부모가 36px, 기본 사이즈가 16px일 때 2em은 72px rem* : 상속에 영향을 받지 않는 상대적인 사이즈 ex) 부모 사이즈가 36px, 기본 사이즈가 16px일 때 2rem은 32px - ..
[Today I Learn] 2022.08.01
TIL - CSS : nth-child vs nth-of-type nth-child : 부모 엘리먼트의 모든 자식 엘리먼트 중 n번 째 nth-of-type : 부모 엘리먼트의 특정 자식 엘리먼트 중 n번 째 비교 예시 : p:nth-child(2) vs p:nth-of-type(2) p:nth-child는 p태그가 아닌 태그들을 포함한 채로 n번 째를 가리키게 된다. 반면 p:nth-of-type는 p태그 들 중에서 n번 째를 가리기기 때문에 차이가 발생한다 - HTML : id 태그 vs name 태그 비교 id 태그 중복해서 사용할 수 없다. 유일한 개체를 구분하기 위해서 사용한다 name 태그 중복해서 사용이 가능하다 서버에 데이터를 전송할 때 파라미터로 사용한다 (form 태그를 통해 "name..
[Today I Learn] 2022.06.08
TIL html 내부에 script를 끼워 사용할 예정이라면 사용된 변수를 따로 한곳에 정리하자 var date변수를 정의했는데도 불구하고 엉뚱한 값이 나와서 고생했다. html 부분에 사용된 script에서 정의된 date변수가 이미 있어서 오류가 발생했다. 구글 차트를 이용해서 그래프 그리는 방법을 익혔다 2022.06.08 - [JSP] - [JSP] 구글 차트를 이용한 그래프 그리기 What I did 그래프 그리기 Memo 웹 페이지 작성하면서 사용했던 기능들 정리하기
[Today I Learn] 2022.05.26
TIL 2022.05.26 - [JSP] - [Ajax] Oracle DB로부터 데이터를 가져와서 출력하기 button 태그의 경우 type="button"을 지정하지 않으면 자체로 sumit이 작동한다. → 가급적 을 습관적으로 입력하도록 하자 input 이클립스에서 빨간 밑줄이 발생하더라도 좌쯕 코드행 번호에 마우스를 갖다대었을 때 오류 메시지가 나오지 않으면 중요한 오류는 아니므로 걱정을 덜어도 된다 request.getContextPath()을 사용한 경로 설정에 주의하기 input 태그의 값을 변경하지 못하도록 하려면 readonly를 설정한다 자바에서 정수/정수의 계산은 몫 부분만을 결과값으로 반환한다. 1/3 = 0 1/(double)3 = 0.333 What I did ajax 학습 개인 ..
[Today I Learn] 2022.05.24
TIL jQuery - 입력양식에 대한 이벤트 change() : 내용을 변경할 때 focus() focusin() : 초점이 맞춰지기 바로 전에 발생 focusout() : 초점이 사라지기 바로 전에 발생 blur() : 초점이 사라지면 발생 select() : 선택할 때 submit() : submit 버튼을 누를 때 reset() : reset 버튼을 누를 때 - 이벤트 연결 종류 bind() : 현재 존재하는 문서 객체에만 ex) bind("click", function() {}); unbind() : bind()로 연결된 이벤트 제거 on() : bind와 비슷하게 이벤트 연결. 동적으로 추가된 요소들에게 이벤트 추가가 가능 ex) $(document).on("click", "#parent di..
[Today I Learn] 2022.05.23
TIL 5/19 날아가버린 TIL html() : 태그를 포함하는 부분 text() : 태그가 포함되지 않은 텍스트 부분 remove() : 한 개의 객체만 지움 empty() : 태그 내의 모든 태그 제거 append() : 태그 내에 요소 삽입 jQuery $(selector).method(function(event) { }); event : click, dbclick, mousedown, mouseup, mouseenter, mouseleave, mousemove, mouseout, mouseover가 있다 focus() : 커서가 들어갈 때 실행 blur() : 커서가 빠져나올 때 실행 prop() : 선언만 되면 되는 속성(checked 등)에서 속성을 껐다 켰다 할 수 있음 버튼을 클릭해도 동..
[Today I Learn] 2022.05.19
TIL jQuery each() : for문과 비슷하게 생각. 배열 요소에 접근할 때 사용, 콜백함수를 사용(매개변수로 인덱스와 요소) filter() : 기준에 의해 걸러진 새로운 집단을 만들 수 있음. eq() : 필터 선택자, 특정 위치에 존재하는 객체 .each(array, function(index, element)) : $("h2").each(function(i, e) {})와 같이 이미 앞에서 array(선택된 배열)가 있다면 매개변수에 array를 사용하지 않아도 된다. each() 메서드의 형태 1. $.each(object, function(index, item){ }) 2. $(selector).each(function(index, item){ }) addClass("클래스명") : ..
[Today I Learn] 2022.05.18
TIL jQuery $("td:odd") 는 테이블의 td를 한 줄로 세운 후 홀수 번째 인덱스에 해당하는 요소를 찾는 것 css는 더 작은 범위에 있는 것을 우선으로 함 filter(index, object) 메서드 사용 매개변수로 index, element를 갖는다. 매개변수의 순서를 기준으로 index와 object를 읽어들인다 필터를 사용하면 성능을 개선시킬 수 있다 : 모든 is( ) : 판단의 메서드, true/false를 반환 $ : DOM 객체를 JQuery객체로 변환하기 위해사용 ex) $("input") : input태그를 jquery에 사용하기 위해 호출 function checkBtn() { $("input[name=check]").each(function() { if($(this)..