일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
- HTML기초
- JS 형변환
- JS 데이터타입
- JS setInterval
- JS 연산
- JS appendChild
- JS localStorage
- JS form
- JS append
- CSS기초
- JS redirection
- JS null undefined
- JS 타이머기능
- JS value속성
- JS 함수
- JS 화살표함수
- JS clearInterval
- JS classList
- CSS속성정리
- JS 숫자
- JS setTimeout
- JS typeof연산자
- JS 스코프
- git 협업셋팅
- JS preventDefault
- JS form action
- JS 삼항연산
- js 변수
- JS 기초
- JS prompt
목록📚강의록📚 (128)
공부기록용
조건문 조건문이란 주어진 조건의 참/거짓 여부에 따라 프로그램의 흐름을 결정할 수 있는 구문을 뜻한다. 여기서 조건이란, 불리언 데이터를 반환하거나 불리언 데이터로 해석할 수 있는 표현식을 의미한다. if 키워드 if를 이용해 만드는 구문 'if문'은 가장 일반적인 형태의 조건문이다. if문의 기본 형태는 다음과 같다. if 조건 : # ':' 와야한다. # 조건이 True일 때 실행될 실행문(들여쓰기 필수) number = 10 if number > 8 : print("비교 연산을 이용해") print("조건식을 만들었어요") # 변수 number의 값이 8보다 크면 두개의 print(x) 함수를 실행시켜라 # 8보다 크지 않을 경우 아무 일도 일어나지 않는다. 10말고 다른 숫자를 입력하면 아무런 값..
프로그래밍 언어는 컴퓨터에게 명령을 전달하기 위해 사용하는 언어이다. 프로그래밍 언어로 작성한 명령문을 '코드'라고 한다. 더불어 '코드'를 작성하는 작업을 '코딩'이라고 한다. 코드 에디터 열기 : ctrl + N 코드 에디터 저장 : ctrl + S 파이썬파일(코드)실행하기 : F5 Replit: the collaborative browser based IDE - Replit Replit: the collaborative browser based IDE Run code live in your browser. Write and run code in 50+ languages online with Replit, a powerful IDE, compiler, & interpreter. replit.com P..
HTML 기초 나는 구역을 나누죠 나는 문단이에요 bullet point!1 bullet point!2 h1은 제목을 나타내는 태그입니다. 페이지마다 하나씩 꼭 써주는 게 좋아요. 그래야 구글 검색이 잘 되거든요. h2는 소제목입니다. h3~h6도 각자의 역할이 있죠. 비중은 작지만.. span 태그입니다: 특정 글자를 꾸밀 때 써요 a 태그입니다: 하이퍼링크 img 태그입니다: input 태그입니다: button 태그입니다: 버튼입니다 textarea 태그입니다: 나는 무엇일까요? 로그인 페이지 로그인 페이지 ID : PW : 로그인하기 로그인 페이지에 기본 CSS 더하기 로그인 페이지 ID : PW : 로그인하기 padding: 20px 20px 20px 50px; margin: 20px 20px 2..
Element.classList 웹 요소(Element)로부터 클래스 콜렉션을 반환하는 읽기 전용 속성이다. (태그를 통해 만들어진 요소에서 클래스의 목록만 뽑아내는 속성이 바로 이 classList) 반환된 클래스 콜렉션은 유용한 메소드를 다수 포함하고 있다. ▶내용실습◀ 실험용 테스트 add remove toggle // Javascript // querySelector로 요소들 모두 선택 const h1 = document.querySelector('h1') const addBtn = document.querySelector('#add') const removeBtn = document.querySelector('#remove') const toggleBtn = document.querySelect..
window 객체 관련 메소드들로 1s = 1000ms인 ms단위를 사용한다. setTimeout정해진 시간이 지나고 나면 주어진 함수를 실행 해주는 메소드 setTimeout(실행할 함수, ms_단위의 시간)//100ms가 지나고 난뒤 함수를 실행하겠다.(1초)setTimeout(function(){ console.log("재미있다")}, 1000) ▶내용실습◀setTimeout(function(){ console.log(1234)}, 2000)console에 2초 뒤에 1234가 나타나게된다. setInterval일정한 시간 간격에 따라 함수를 반복 실행할 수 있도록 해주는 타이머 메소드setInterval(반복 실행할 함수, ms_단위의 시간)// 500ms마다 함수를 반복 실행한다setIn..
삼항 연산 삼항 연산은 이름 그대로 세 개의 항을 이용해 결과를 반환하는 연산이다. 보통 if문의 단축 형태로 사용되기 때문에, 삼항 조건 연산식이라고도 부른다. 조건식의 결과에 따라 남은 두 항 중 하나를 반환한다. 조건식? 참일_경우의_결과 : 거짓일_경우의_결과 조건식 : 조건 역할을 하는 표현식 참일_경우의_결과 : 조건식의 결과가 참일 경우 반환될 결과 거짓일_경우의_결과 : 조건식의 결과가 거짓일 경우 반환될 결과 ▶내용실습◀ let result; result = 3 < 2 ? "true" : "false" // true 또는 false가 결과에 따라 이 문항을 대체하게 됨 console.log(result) 축구 야구 농구 PICK // Javascript const select = docu..