분류 전체보기
-
[HTML] <input> 태그 속성 placeholder, required, autocomplete마크업 언어/HTML 2024. 1. 2. 18:22
1. 값이 비어있을 때 보여주는 값 placeholder 아래 구글 로그인 화면에 있는 "이메일 또는 휴대전화" 같은 건데요. 이런 걸 "플레이스홀더"라고 부릅니다. 이런 값을 추가하려면 placeholder라는 속성을 쓰면 됩니다. 이때 placeholder 의 디자인을 바꾸려면 CSS 선택자로 ::placeholder 를 활용하면 됩니다. input::placeholder { color: #dddddd; } 2.반드시 입력해야 하는 값 required 폼에서 반드시 입력해야 하는 값이 있다면 required 속성을 써주면 됩니다. 만약 required인 인풋의 값이 비어있다면, 전송 버튼을 눌러도 전송되지 않습니다. 3.자동 완성 autocomplete 이 속성을 지정해 두면 폼이 전송될 때마다 입력..
-
[HTML] <input>태그 종류마크업 언어/HTML 2024. 1. 2. 17:28
1. 체크박스 checkbox ▶ 한 항목만 선택하는 경우 아래 예시에서는 "동의합니다"에 체크하는 경우 agreement의 값이 on이라는 문자열로 지정됩니다. 동의합니다 ▶ 여러 항목 중에서 몇 항목을 선택하는 경우 태그에 value 속성으로 값을 지정해 주면, 선택된 항목의 지정된 값이 쓰입니다. 예를 들자면 아래 코드에서는 "액션"이랑 "코미디"를 선택했을 때 film의 값으로 action과 comedy라는 문자열이 지정됩니다. 폼을 전송했을 때 쿼리 문자열에서는 &film=action&film=comedy처럼 전송됩니다. 좋아하는 영화 장르 액션 코미디 로맨스 2. 날짜 date 선택한 날짜로 값을 지정할 수 있습니다. 3. 파일 file 파일을 선택하고 첨부할 수 있습니다. ▶ 파일 형식 지정..
-
[JavaScript] Date 객체Java script 2023. 12. 8. 15:56
Date 객체를 활용하면 생성 및 수정 시간을 저장하거나 시간을 측정할 수 있고, 현재 날짜를 출력하는 용도 등으로도 활용할 수 있다. new Date() 인수 없이 호출하면 현재 날짜와 시간이 저장된 Date 객체가 반환 let now = new Date(); alert( now ); // 현재 날짜 및 시간이 출력됨 new Date(year, month, date, hours, minutes, seconds, ms) 주어진 인수를 조합해 만들 수 있는 날짜가 저장된 객체가 반환됩니다(지역 시간대 기준). 첫 번째와 두 번째 인수만 필수값이다. year는 반드시 네 자리 숫자여야 합니다. 2013은 괜찮고 98은 괜찮지 않다. month는 0(1월)부터 11(12월) 사이의 숫자여야 한다. date는 ..
-
[JavaScript] 배열 메소드- 값 찾기 & 추가 & 삭제Java script 2023. 12. 7. 16:28
1. 배열이름.IndexOf('찾는 값') array.indexOf(item) 배열에서 주어진 요소를 찾을 수 있는 첫 번째 인덱스를 반환하고, 찾을 수 없는 경우 -1을 반환 let brands = ['Google', 'Kakao', 'Naver', 'Kakao']; console.log(brands.indexOf('Kakao'));//1 출력 console.log(brands.indexOf('Daum'));//-1 출력 1-1. array.lastIndexOf(item) indexOf와는 반대로 탐색을 뒤에서 부터 진행 let brands = ['Google', 'Kakao', 'Naver', 'Kakao']; console.log(brands.lastIndexOf('Kakao'));//3출럭 con..
-
[JavaScript] for .. in 문Java script 2023. 12. 7. 16:05
for.. in 문을 이용하면 객체 내부에 있는 모든 프로퍼티들을 불러올 수 있다. for ( let 변수 in 객체) 객체의 프로퍼티를 하나씩 변수에 저장 (객체의 모든 프로퍼티들이 한번씩 선언한 변수에 저장된다) let myObject = { first: '알고리즘의 정석', 'second class': '컴퓨터 개론', third: '프로그래밍 기초', }; for (let key in myObject) { console.log(myObject[key]); } 결과값 알고리즘의 정석 컴퓨터 개론 프로그래밍 기초 숫자형(양수) 프로퍼티 이름 사용 let myObject = { 300: '정수', 1.2: '소수', }; // 이떄 300과 1.2의 type은 string 숫자형 네임도 가능하다! 하지..
-
[Java Script] 배열과 인덱스, 요소 삽입 & 삭제Java script 2023. 12. 5. 15:54
배열이란(Array) 인덱스로 참조되는 정렬된 값의 집합, 즉 순서가 있는 값들의 집합 배열 생성 방법 배열 리터럴 대괄호([ ])를 사용하여 만드는 방법 Array() 생성자 함수로 배열을 생성하는 방법 // 배열 생성 방법 1 let arr = [] arr[0] = 'first'; arr[1] = 'second'; //배열 생성 방법 2 (선언과 생성을 동시에 수행) let arr = [ 'first', 'second', 'third', ]; //배열 생성 방법 3 let arr = new Array(); arr[0] = 'first'; arr[1] = 'second'; - 배열에는 순서를 알려주는 값이 메겨진다. 이 갑을 인덱스(index)라고 부르고, 이 인덱스는 객체와 비교했을 때 porpert..
-
[Java Script] 변수 선언Java script 2023. 12. 1. 17:24
변수(variable)는 데이터를 저장할 때 쓰이는 ‘이름이 붙은 저장소’ 자바스크립트에서는 let 키워드를 사용해 변수를 선언한다. let price; 변수 선언 후 할당연산자를 통해 데이터 저장 let price = 3000; //위와 같음 let price; price = 3000; 꼭 지켜야 하는 룰 1. JavaScript 식별자는 '문자'. '밑줄(_)', '$'로 시작해야한다. 두번째 글자부터는 숫자도 가능하다. 2. 대문자와 소문자는 구별해야한다. 3. '예약어'는 사용하면 안된다 (if, for, let 등) 지키면 좋은 룰 1. 너무 추상적이거나 의미없는 변수명은 좋지 않다( name, a, b, c) 2. 모든 변수 이름은 'camelCase'로 쓰는 것이 좋다. - 변수명에는 띄어쓰..
-
[SWEA] 2071. 평균값 구하기문제풀이/SWEA[SW Except Academy] 2023. 11. 11. 22:44
문제: https://swexpertacademy.com/main/code/problem/problemDetail.do?problemLevel=1&problemLevel=2&problemLevel=3&contestProbId=AV5QRnJqA5cDFAUq&categoryId=AV5QRnJqA5cDFAUq&categoryType=CODE&problemTitle=&orderBy=INQUERY_COUNT&selectCodeLang=ALL&select-1=3&pageSize=10&pageIndex=1 해결방법: map, round 함수 사용 round() : 반올림 수행 map() : 각 요소에 특정한 함수 적용 코드(Python) T = int(input()) for test_case in range(1,T+..