스파르타 코딩 웹개발 종합반57 1-13 JS 문법(콘솔/변수대입/리스트/딕셔너리/Split) 콘솔 (단축키 : option + command+i) 자바스크립트를 테스트/연습해볼 수있는 도구. 새로고침하면 모두 사라짐. console.log(변수)는 콘솔창에 변수의 값을 출력해줌. 변수대입 ex) a=b 오른쪽에 있는 것을 왼쪽에 넣는것 let /var 로 변수를 선언한다. 값을 저장하는 박스로서 한번선언 했으면, 다시 선언하지 않고 값을 넣는다. 사칙연산,문자열 더하기가 가능 let a = 1 let b = 2 a+b // 3 a/b // 0.5 let first = 'Bob' let last = 'Lee' first+last // 'BobLee' first+' '+last // 'Bob Lee' first+a // Bob1 -> 문자+숫자를 하면, 숫자를 문자로 바꾼 뒤 수행 리스트 list .. 2022. 5. 11. 1-12 Java script 시작 (html 과 연동) JS HTML 과 연동 안에 로 공간을 만들어 작성. 함수를 만들기 예) function hey(){ alert('안녕!'); } html에 함수를 연결하기. 2022. 5. 11. 1-11 포스팅박스 만들기/ 모바일 최적화 크기 코드: HTML : 별점 --선택하기-- ⭐ ⭐⭐ ⭐⭐⭐ ⭐⭐⭐⭐ ⭐⭐⭐⭐⭐ 코멘트 Dark Secondary CSS : .commentbox { box-shadow: 0px 0px 3px 0px gray; padding: 20px; width: 500px; height: 500px; margin: 20px auto 10px auto; } .input-group { margin-top: 10px; height: 40px } .buttons { margin-top: 15px; display: flex; flex-direction: row; align-items: center; justify-content: center; } .buttons>button { margin-right: 5px; ⭐️모바일 최적화.. 2022. 5. 11. 1-10 Bootstrap_Card / 이모티콘 모음 코드: 영화 제목이다 ⭐⭐⭐ 코멘트를 써주세요 Card: 1. 카드섹션에서 원하는 카드코드 붙여넣기 2. 이미지 넣고 갯수 조절. row-cols-md-3 → row-cols-md-4 로 바꾸기 →화면사이즈가 중간정도 되었을때 한줄에 4개 보임. 이모티콘 모음 https://kr.piliapp.com/facebook-symbols/ 2022. 5. 11. 이전 1 ··· 9 10 11 12 13 14 15 다음