토리의 코딩기록

쉽게 설명하면 HTML 이라는 맨 몸에 코디셋업을 가져와서 챡 입혀주는 거라고 생각하면 될 것 같다. 부트스트랩의 자세한 설명은 아래와 같다. (아래 링크에 있는 다른 분의 블로그 참고했습니다) 부트스트랩은 트위터에서 사용하는 각종 레이아웃, 버튼, 입력창 등의 디자인을 CSS와 Javascript로 만들어 놓은 프레임워크이다. '프레임워크' 라고 하는 것은 재사용이 가능한 요소들의 집합되어 있으며, 정해진 구조와 틀 안에서 이것들이 확장이 가능한 기반 코드로 이루어 짐을 뜻한다. jquery는 라이브러리이고, 부트스트랩은 프레임워크다. 따라서, 우리는 '부트스트랩 프레임워크에서 jquery 라이브러리를 사용할 수 있다.'라고 말 할 수 있다. 부트스트랩에 열광하는 이유는 글자, 인용문, 목록, 표, 입..

https://www.acmicpc.net/problem/2738 2738번: 행렬 덧셈 첫째 줄에 행렬의 크기 N 과 M이 주어진다. 둘째 줄부터 N개의 줄에 행렬 A의 원소 M개가 차례대로 주어진다. 이어서 N개의 줄에 행렬 B의 원소 M개가 차례대로 주어진다. N과 M은 100보다 작거나 같 www.acmicpc.net 💡코드 및 접근법 1. 2차 배열 값을 각각 이중포문을 통해 입력받기 2. 입력받은 2차 배열을 새로운 2차배열인 sol에 넣어서 출력 (굳이 새로운 배열을 만들지 않고 바로 출력해도 괜찮음) import java.util.Scanner; public class Main { public static void main(String[] args) { Scanner sc = new Sca..

CSS 박스 모델은 어떤 영역을 차지할지 결정하는 것. CSS 포지션은 어디에 배치할지를 요소 배치를 정하는 개념! 기본 값 💡static (기본값) position 속성을 별도로 지정해주지 않으면 기본값인 static이 적용된다. position 속성이 static인 요소는 HTML 문서 상에서 원래 있어야하는 위치에 배치된다. 이 말은 요소들이 HTML에 작성된 순서 그대로 브라우저 화면에 표시가 된다는 것을 뜻하며, top, left, bottom, right 과 같은 속성 값들을 입력해주어도 static일 때는 무시된다. 변함없음. #a{ /* 변화가 없다. 왜냐? staic은 기본값이라! */ position: static; top:10px; left:20px; } 💡 relative 요소를 원..

https://www.acmicpc.net/problem/25305 25305번: 커트라인 시험 응시자들 가운데 1등은 100점, 2등은 98점, 3등은 93점이다. 2등까지 상을 받으므로 커트라인은 98점이다. www.acmicpc.net 💡 접근 방법 및 코드 📌 배열 내림차순 정렬 Collections.reverseOrder() Collections.sort( ) 함수를 이용하고 싶어서 ArrayList를 이용했다. 이때 오름차순이 아니라 내림차순으로 정렬을 해주어야 한다! https://ssoontory.tistory.com/159 [Java] Collections.sort 명령어를 이용해서 ArrayList 정렬하기 자바에서 ArrayList 를 오름차순으로 정렬하려면 Collections.so..

자바에서 ArrayList 를 오름차순으로 정렬하려면 Collections.sort 명령어를 사용하면 된다. // 오름차순으로 정렬 Collections.sort(list); // 내림차순으로 정렬 Collections.sort(list, Collections.reverseOrder()); // 대소문자 구분없이 오름차순 Collections.sort(list, String.CASE_INSENSITIVE_ORDER); // 대소문자 구분없이 내림차순 Collections.sort(list, Collections.reverseOrder(String.CASE_INSENSITIVE_ORDER));

스프링부트 강의를 듣다가 아래와 같은 오류가 나왔다. rror starting ApplicationContext. To display the conditions report re-run your application with 'debug' enabled. 2023-01-11 01:10:50.355 ERROR 2298 --- [ main] o.s.boot.SpringApplication : Application run failed 원인 찾아보니 스프링 부트 2.5 버전 이상에서는 data.sql이 바로 동작하지 않는다고 한다. 해결책 application.properties => spring.jpa.defer-datasource-initialization=true 입력!

ERROR: spring.mvc.pathmatch.matching-strategy=ant_path_matcher 스프링 강의를 듣던 중 아래와 같은 오류가 났다. 오류 원인 SpringBoot 를 2.6 이상 버전으로 부터 요청경로를 ControllerHandler 에 매칭시키기 위한 spring.mvc.pathmatch.matching-strategy 기본 값이 ant_path_matcher에서 path_pattern_parser 로 변경이 되어 오류가 남. 해결 방법 1. application.properties 에서 ant_path_matcher 값을 default 값으로 변경한다. ->이렇게 적어주면된다. spring.mvc.pathmatch.matching-strategy=ant_path_mat..

인라인 요소는 직접 가로와 세로의 길이를 지정할 수는 없지만, padding 속성을 통해서 겉테두리를 통통하게 만들어 줄수는 있음 span{ //width와 height는 의미가 없고, padding은 변화를 확인할 수 있음 width: 100px; height: 200px; background-color: burlywood; padding : 10px }

Google Google 검색 I'm Feeling Lucky 글씨 사이즈 키우기 h1{ font-size: 80px; } 검색창 바꿔주기 input{ padding : 5px; border: 1px solid lightgray; border-radius:8px; width: 320px; } .bottom{ margin-top : 10px; } .bottom button{ padding: 5px; border: 1px solid lightgray; border-radius : 5px; } margin-left와 margin-top을 사용해서 중앙으로 정렬하기 margin-left margin-top h1{ font-size: 80px; margin-left :180px; margin-top :200px;..

* 태그 이름이라고 생각하면서 문제 풀기!!!! /* 태그 선택 */ tag { } 1. plate 선택하기. 정답 : plate 2. bento boxes 선택하기! 정답 : bento 3. id Selector 사용하기. 를 확인했으면 선택자 중 id 태그 방식인 #Tag name을 입력하면 된다. 정답 : #fancy 4. 접시 위에 있는 사과 선택하기 내부 선택자 이용! 내부 선택자, 즉 특정 요소 안에 포함되어 있는 자식 요소를 같이 선택하는 문제입니다. plate에 포함된 apple 선택한다고 생각하면 된다. plate 를 먼저 선택한 후, 안쪽에 있는 apple 선택! 정답 : plate apple 5. fancy 접시위에 있는 오이 선택하기. 내부 선택자를 사용하는데 이제 id 속성을 이용..