코딩 (88) 썸네일형 리스트형 자바스크립트, 4일차 정규 표현식 문자열에서 특정 문자 조합을 찾기 위한 배열 - 4자이상 20자이하로 체크 - 특수문자 입력 불가 - 한글 입력 불가 정규 표현식 표기 /정규 표현식 패턴/ 아이디 패턴 만들기 - 영문 대문자 또는 소문자만 입력 - 길이는 4자이상 20자이하로 입력 가능 /^[A-Za-z]{4,20}$/ 이름 패턴 만들기 - 한글만 사용 /^[가-힣]+$/ 휴대폰번호 패턴 만들기 - 정수 3자리 - 정수 3자리 또는 4자리 - 정수 3자리 - 예) 010-1111-1111 또는 010-111-1111 /^\d{3}-\d{3,4}-\d{4}$/ 이메일 패턴 만들기 - 영문 대문자, 소문자, 숫자 입력 - 이메일 패턴에 의한 @, .이 포함 - 예).. 자바스크립트, 3일차 String 객체 const str1 = 'JavaScript'; const str2 = new String('JavaScript'); str1 == str2; // true str1 === str2; // false String 객체 Date 객체 날짜, 시간 등을 쉽게 처리할 수 있는 내장 객체 const 변수명 = new Date(); // 현재 날짜 시간 const 변수명 = new Date(년, 월, 일, 시, 분, 초, 밀리초); // 입력한 날짜 시간에 대한 객체 연도(year) 2자리로 표기 예) 23 -> 1923년 4자리로 표기 예) 2024 -> 2024년 월(month) 0 ~ 11 예) 0 -> 1월, 11월 -> 12월 .. 자바스크립트, 2일차 while문 while(조건식) { 조건식의 결과가 true인 동안 반복할 문장; ... } do { 조건식의 결과가 true인 동안 반복할 문장; ... }while(조건식); do ~ while문은 조건식의 결과가 처음부터 false인 경우라도 한 번은 {}에 문장을 실행함 while 문 for 문 for(초기값; 조건식; 증감식){ 조건식의 결과가 true인 동안 반복할 문장; ... } let sum = 0; for(let i=1; i sum += i; } while문과의 비교 let i=1; let sum=0; while(i sum += .. 자바스크립트, 1일차 자바스크립트(JavaScript) 자바스크립트의 특징 - 객체 기반의 스크립트 언어 - 대소문자 구별 - 문장 끝에 ;(세미콜론)을 사용(생략이 가능) 자바스크립트의 출력 Web API Console을 통해 브라우저 Console 창에 출력 자바스크립트 삽입 방법 1. ✔ 자바스크립트의 실행 순서는 인터프리터 해석 방식이므로 위에서 아래로 실행 주석문 // : 한줄 주석 /* 내용 */ : 여러줄 주석 익스텐션 설치 JavaScript (ES6) code snippets 변수 - 데이터를 저장한 레터럴을 가리키는 메모리 공간 - 값이 변경될 수 있음 - 자바스크립트의 변수는 타입이 없음 - let 키워드를 사용하여 변수를 선언 파이썬 name = '김사과' 자바스크립트 let name = '김사과';.. CSS, 과제2 로그인 로그인 상태 유지 회원가입 아이디: *4~12글자까지만 입력하세요 비밀번호: *4~12글자까지만 입력하세요 비밀번호 확인: *4~12글자까지만 입력하세요 이름: 생년월일: 이메일: 주소: 주소검색 전화번호: 02 031 032 033 041 .. CSS, 3일차 z-index - HTML 요소의 위치를 설정하게 되면 위치 및 방식에 따라 요소가 겹칠 수 있음 - 겹쳐지는 요소들이 쌓이는 순서를 결정할 때 z-index를 사용 - 순서는 숫자의 숫자의 크기가 클수록 위에 위치하고 작을수록 아래 위치하게 됨 z-index 1번째 div 2번째 div 3번째 div float - HTML 요소가 주변(수평으로 나열된)의 다른 요소들과 자연스럽게 어울리도록 만듦 - float를 적용받은 요소의 다음에 나오는 모든 요소들이 끌어올려짐 - float를 적용받은 요소의 다음에 나오는 요소방향을 결정(left, right) - 컨텐츠 크기 만큼만 영역을 설정(블록) - float를 적용받은 요소는 다른 요소(배경)보다 위.. [Python] 자료구조 - 배열과 리스트, 숫자의 합 구하기 배열과 리스트배열과 리스트는 기본적인 자료구조 형태이므로,두 자료구조의 특징과 동작 원리를 알아두어야할 필요가 있다.비슷하지만 다른 두 자료구조를 비교해보고,이것을 이용한 문제를 풀며 함께 탐구해보자.배열- 메모리의 연속 공간에 값이 채워져 있는 형태의 자료구조- 배열의 값은 인덱스를 통해 참조, 선언한 자료형의 값만 저장 배열의 특징- 인덱스를 사용하여 값에 바로 접근할 수 있음 #장점- 새로운 값을 삽입하거나 특정 인덱스에 있는 값을 삭제하기 어렵다, #단점(값을 삽입하거나 삭제하려면 해당 인덱스 주변의 값을 이동시켜야 함)- 배열의 크기는 선언할 때 지정할 수 있으며, 한번 선언하면 크기를 늘리거나 줄일 수 x #단점 리스트- 값과 포인터를 묶은 노드라는 것을 포인터로 연결한 자료구조 리스트의 특징.. CSS, 2일차 CSS 배경 background-color: HTML 요소의 배경색을 설정 배경2 배경 적용하기 Lorem ipsum dolor, sit amet consectetur adipisicing elit. Aperiam dolorem quae ducimus pariatur ipsum nisi consequatur molestiae deserunt id cumque consequuntur, atque eligendi ut ullam non sed ratione asperiores sequi? background-image - HTML 요소의 배경으로 나타날 배경 이미지를 설정 - 배경 이미지는 기본 설정으로 반복되어 나타남 background-image: url.. 이전 1 2 3 4 5 6 7 ··· 11 다음
