본문 바로가기

전체 글

(85)
[CSS] max, min height&width width & height 아래 div element 는 height 200px / width 50%: demo11 아래 div element 는 height 100px: demo12 max-width & min-width 아래 div element 는 height 150px / max-width 500px demo21 아래 div element 는 height 150px / min-width 500px demo22 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed eros volutpat, accumsan nisl cursus, facilisis est. Sed quis nunc ut eros ornare auctor sed n..
[CSS] Box Model 더보기 CSS Syntax - selector {poperty: value; property: value;} ex) h1 {color: blue; font-size: 12px;} - 모든 HTML elements 들은 사각형 상자 모양(CSS box model)으로 구성된다. - box model 구성 요소 Content Padding : cotent와 border 사이 간격, 투명임 Border Margin : 다른 element와의 간격 element 의 '전체 width / height' 구하는 공식 element 의 전체 width = width(content의) + left padding + right padding + left border + right border + left margin +..
[HTML] Semantic 특별한 기능을 하는 것은 아니나, 태그의 의미(semantic) 을 부여하여 작성. Monday Times News Sports Weather News Section News Article Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque in porta lorem. Morbi condimentum est nibh, et consectetur tortor feugiat at. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque in porta lorem. Morbi condimentum est nibh, et consectetur tortor feugiat ..
[HTML] 여러가지 input types hidden text required placeholder disabled readonly number password radio checkbox button reset submit 여러가지 Input Type First name: Last name: Id: 별명: 나이: User password: Radio : 하나의 value만 선택 남성 여성 동물 자전거 자동차 submit작동하지 않는 버튼
[HTML] form attributes and elements 안에 있는 form element 들의 내용들만 서버로 전달된다. 이때 전달되는(받는) 곳은 서버의 특정 페이지가 되며, 이렇게 전달하는 것을 'submit' 한다고 한다. 에 사용되는 중요한 attribute들 action submit 하는 대상 페이지의 url method form 데이터를 전송하는 방식 GET 방식 : (default), url에 모든 데이터 명시, 용량제한, 북마크 가능 ex) https://www.w3schools.com/action_page.php?firstname=aaaa&lastname=bbbb => 쿼리스트링('?'뒤 부분)에 서버로 넘어가는 parameter들이 나열되어 있음 POST 방식 : url에 데이터 안보임, 용량제한 없음, 북마크 불가 ex) https://w..
[HTML] element를 식별하는 수단 3가지(id, class, name) Front-End HTML CSS JavaScript HTML 에서 element 를 식별하는 수단 3가지 (attribute) id 고유(unique) 한 element 식별용으로 사용 CSS, JavaScript 에서 사용 class 그룹으로 여러 element에 적용 + 한 element에 복수 class 적용 가능 CSS, JavaScript 에서 사용 name 주로 form 관련 element에 적용 JavaScript, 서버프로그래밍(PHP, JSP 등 ...) => 서버에 데이터를 전송할 때는 반드시 name 사용 id = demo class="c1" class="c2" class="c1 c2" id = demo 또? 아이디:
LeetCode 49. Group Anagrams Problem Given an array of strings strs, group the anagrams together. You can return the answer in any order. An Anagram is a word or phrase formed by rearranging the letters of a different word or phrase, typically using all the original letters exactly once. Constraints 1
LeetCode 819. Most Common Word(StringBuilder 이용) Problem: Given a string paragraph and a string array of the banned words banned, return the most frequent word that is not banned. It is guaranteed there is at least one word that is not banned, and that the answer is unique. Constraints: 1 0로 먼저 거른뒤에 하는 게 더 빠르다. Reference: https://leetcode.com/problems/most-common-word/discuss/1087237/Java-100-Faster-2ms