GET,POST는 form 태그 안에서 입력하거나 선택한 정보(value)를 어떻게 전달하는가 정하는 방식입니다. GET과 POST방식의 차이를 특징을 살펴보고 사진과 함께 봐보시겠습니다. 🟰GET 📌서버에게서 데이터를 받아올때 어떤 데이터를 받아오고 싶은지 검색어, 글 번호 등 간단한 데이터를 전송할 수 있습니다. 📌데이터를 문자열 형태로 받습니다. 📌'?'라는 구분자와 함께 '파라미터이름=밸류값'의 형태로 받으며, 파라미터가 없으면 결과로 null이 반환됩니다. 📌파라미터를 쓰면 DB를 통해 가져올 수 있는 양이 확실히 줄어듭니다. 📌해당 파라미터를 사용하여 하나의 문서가 보다 많은 작업을 처리할 수 있기 떄문입니다. 📌파라미터를 사용하지 않으면 일일이 jsp문서를 만들어서 해당 DB를 각각 가져와야..

🟰display : flex( 가로로 정렬하기) ☀️내부 요소를 세로로 정렬이 아닌 가로로 정렬한다. code pen을 통해 상세한 요소들을 소개하겠습니다. 0.25배로 축소해서 보시면 감사하겠습니다. HTML 삽입 미리보기할 수 없는 소스 1. div로 틀을 만들고 그안에 내용을 flex를 통해 가로로 정렬해준다. 2. flex-flow라는 속성을 통해 div로 만든 넓이를 초과할 경우 다음 줄로 넘어가게 해준다. 3. justify-content 라는 스타일 속성을 통해 자동으로 넓이 조정이 가능하다. 4. justify-content에는 space-between(간격을 최대한 벌림) / space- around / space-evenly (around와 evenly는 적절히 벌려줌) 📌가지런하고 보..

🔆border(테두리) 테두리에는 기본적으로 3가지 종류가 있다. 1. 바깥쪽 여백 - margin 해당 속성이 차지하고 있는 공간의 외부 테두리 2. 테두리 해당 속성의 외곽선 3. 테두리 안쪽 여백 - padding 해당 속성이 차지하고 있는 공간의 내부 테두리 🔆border의 속성 📌두께(width) 테두리의 두께로, 주로 px단위를 사용한다. 📌스타일(style) 테두리의 스타일로 실선,점선, 이중선 등 다양한 옵션이 존재한다. 📌색상(color) 테두리의 색상으로, 값은 color속성의 포맷을 사용한다. 📌방향(top bottom left right) border : 1px(모든 방향에 1px씩) border : 1px(상하) 1px(좌우) 각각 1px씩 적용 border : 1px(상) 1px..

🟰Sort함수 sort함수를 통해 불러온 요소들의 순서를 바꿀 수 있다. 이때 사용되는 클래스와 함수들을 간단히 알아보자. 1. Array.from : 불러온 요소들을 Array(배열)상태로 묶는다. 2. 요소.appenChild(요소2) 요소2를 요소1의 하위요소로 넣는다. 예시) ul.appendChild(li) : ul안에 li요소를 집어넣는다. 3. querySelector('불러올요소') , querySelectorAll('불러올 요소') 예시) querySelector('ul') : ul요소를 하나 불러온다. querySelectorAll('ul') : ul요소를 모두 불러온다. Sort에서는 자바의 람다, 익명클래스와 같은 방식이 사용된다. 클래스를 생성하지 않고 곧바로 람다식을 통해 익명의..

해당 문제를 풀기위한 가장 난관은 가장자리에 있는 폭탄은 어떻게 연산할것인가? 이다. 가장자리가 아닌 배열들은 2차배열값안에서 x축과 y축을 각각 x-1 , x , x+1 // y-1 , y , y-1을 폭탄의 범위로 구한후 나머지 0들의 개수를 계산하면 되지만 가장자리는 위와 같은 범위와 다르게 연산해야한다. 📌이때 가장 쉽게 해결 할 수 있는 방법은 원래 범위의 배열보다 상하좌우 전부 1칸씩 확장하는 것이다. 그럼 가장자리도 가운데에 있는 배열처럼 같은 알고리즘으로 해결할 수 있다. 이해하기 쉽게 아래 사진을 첨부해 두었다. 나는 폭탄의 주변을 2로 바꾸는 연산을 수행 후 0의 개수를 파악했다. 이떄 가장자리의 숫자들은 내가 확장한것으로 0이있더라고 세지 않는다. class Solution { pub..

🟰JSP 기본 문법 🔆지시자 문서 전반에 적용되는 설정 import, 인코딩, taglib등 페이지 전반에 걸치는 설정 적용 page지시자, include 지시자, taglib 지시자 3종류가 있다. 아래 사진처럼 자바에서 쓰이는 클래스를 import하고 톰캣에서 변환한 java파일을 함께 보겠습니다. 만약 아래 텍스트 파일을 왜 보는지 모르신다면 이 글부터 꼭 읽고 오세요! HTML 삽입 미리보기할 수 없는 소스 위의 사진에처럼 페이지 전반에 영향을 미치는 영역이 지시자입니다. 🔆선언부 필드변수 및 메서드를 선언하는 부분입니다. 선언부에서 정의되는 변수와 메서드는 새로 컴파일될때까지 값이 유지됩니다. 새로 컴파일된다는 기준은 servlet이 해당 요청에대해 기존 파일의 변화가 있을 경우 새로 작업을 수..