본문 바로가기

분류 전체보기

(290)
Javascript & JQuery 반복문/조건문 문법 let age = 24 if (age > 20) { console.log('성인입니다') } else { console.log('청소년입니다') } let ages = [12, 15, 20, 25, 17, 37, 24] ages.forEach((a) => { if (a > 20) { console.log('성인입니다') } else { console.log('청소년입니다') } }) let ages = [12, 15, 20, 25, 17, 37, 24] ages.forEach((a) => { if (a > 20) { alert('성인입니다') } else { alert('청소년입니다') } })
제이쿼리(JQuery) 문법 기초 function checkResult(){ let a = '사과' alert(a) } 자바스크립트 문법 연습하기! 1. 함수 결과 확인하기! 2. 리스트 테스트 3. 딕셔너리 테스트 4. 리스트 딕셔너리 테스트 function checkResult(){ let a = '사과' $('#q1').text(a) } function checkResult(){ let a = ['사과','배','감','귤'] $('#q1').text(a[1]) } function checkResult(){ let a = ['사과','배','감','귤'] $('#q1').text(a[1]) $('#q1').css('color','red') } function checkResult(){ let a = ['사과','배','감','귤']..
console.log {딕셔너리}: 키(key)-밸류(value) let a = {'name':'영수','age':27} console.log(a) let a = {'name':'영수','age':27} console.log(a['name']) let a = [ {'name':'영수','age':27}, {'name':'철수','age':15}, {'name':'영희','age':20} ] console.log(a) let a = [ {'name':'영수','age':27}, {'name':'철수','age':15}, {'name':'영희','age':20} ] console.log(a[0]['name'])
console.log(변수) [자료형:리스트] let a = ['사과','수박','감','딸기'] console.log(a) 변수 순서대로 불러내기 : 0부터 시작~ let a = ['사과','수박','감','딸기'] console.log(a[0]) 변수의 총 갯수는 ? let a = ['사과','수박','감','딸기'] console.log(a.length)
github에 파일 올리기 : 웹페이지 배포하기 내 github에서 파일 이름 정해주고 > uploading an existing file. 클릭 꼭! 올리는 파일 이름은 index.html로 해야하고 파일 1개를 올릴 수 있다. Settings > pages에 가서 main으로 변경 > save 조금만 기다리면....//// https://webcreastory.github.io/mypage3/ 스파르타코딩클럽 | 부트스트랩 연습하기 영화URL 별점 -- 선택하기 -- ⭐ ⭐⭐ ⭐⭐⭐ ⭐⭐⭐⭐ ⭐⭐⭐⭐⭐ 코멘트 기록하기 닫기 webcreastory.github.io visit site > 내 웹페이지를 확인할 수 있다. 완료!
박스 쉐도우(box-shadow) 코드&버튼 띄워주기 box-shadow: 0px 0px 3px 0px gray; 붙어있는 버튼 띄워주기 .mybtn > button { margin-right: 10px; }
이미지 어둡게 하기 코드 background-image , url 앞에 넣어주기 background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('https://movie-phinf.pstatic.net/20210715_95/1626338192428gTnJl_JPEG/movie_image.jpg'); background-position: center; background-size: cover; linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5))
버튼 누를 때 굵어지는 코드 button:hover .mytitle > button { width:250px; height: 50px; background-color: transparent; border: 1px solid white; color: white; border-radius: 50px; margin-top: 20px; .mytitle > button:hover { border: 2px solid white; }
백그라운드 컬러 없애기 코드 background-color: transparent; .mytitle > button { width:250px; height: 50px; background-color: transparent; border: 1px solid white; color: white; border-radius: 50px; margin-top: 20px; }
박스<div> 안 내용물 중앙정렬 Set4 flex-direction 세로 정렬 column 가로 정렬 display: flex; flex-direction: column; align-items: center; justify-content: center; flex-direction 가로 정렬 row display: flex; flex-direction: row; align-items: center; justify-content: center;