목록코드캠프 (2)

민희의 코딩일지

[JS] 코드캠프-훈훈한 Javascript 섹션 5: loop 풀이

이 빈 화면에서 아래와 같은 loop가 출력될 수 있도록 하는 것이 섹션 5의 퀴즈이다. 학생 정보는 data.js 에 담겨져있다. const students = [ { name: "김세준", korean: 88, math: 94, english: 78, science: 79, }, { name: "최다슬", korean: 88, math: 92, english: 54, science: 65, }, ... ]; export default students; stage1.js에서는 korean, math, english, science의 점수를 평균내 새로운 속성 score로 넣어주는 것이다. export const calculateAverage = function (students) { const scor..
카테고리 없음 2023. 2. 12. 20:21
[코드캠프] 섹션 2 회원가입에 CSS 적용하기

CSS 적용하기 전 위 피그마 화면과 동일하게 만들기 1. input 태그 만들기 .signUp { width: 466px; height: 56.35px; margin-bottom: 21px; border: 1px solid #CFCFCF; border-left-width: 0; border-right-width: 0; border-top-width: 0; border-bottom-width: 1; } .signUp:hover { border-bottom-color: #0068FF; } 마우스를 올리면 input 태그의 밑줄이 파란색으로 바뀐다. (따로 hr 태그를 작성하지 않고 input 태그에서 박스의 아랫선만 보이도록 설정하였다.) 이렇게 완성!
WEB FE/CSS 2022. 12. 27. 17:33
이전 Prev 1 Next 다음