목록2024/03 (23)
기초공사 (html,css,javascript)
// 1. right-box만 오른쪽으로 내리고 싶었으나, left-box와 같이 내려온다. 그래서 right-box에 빈 div를 만들어서 margin-top이나, height을 주었으나 역시나 left-box와 같이 내려왔따. 그럼 해결방법은??? --> left-box와 right-box를 서로 height를 주니 right-box에 margin-top을 주니 right-box만 내려간다.. 왜 height를 주니 내려갈까?
// https://donghyun-dev.tistory.com/10 JavaScript - 5. 반복문 ✔ 자바스크립트의 반복문에 대해 정리합니다. 반복문에 대해서 :) 반복문은 프로그램 내에서 똑같은 명령을 일정 횟수만큼 반복하여 수행하도록 하는 실행문이다. → 조건식을 통해 반복 횟수 donghyun-dev.tistory.com for (초깃값; 조건식; 증가식) { ..... } for문은 배열에 있는 값을 하나씩 가져온다. 그러므로 배열의 갯수를 알아야한다. // forEach 문 배열명.forEach(콜백 함수) {.........} //forEach문으로 배열값 가져오기 const students = ["park", "kim", "Lee", "kang"]; students.forEach(fu..
// 검색해보면 다 나오지만, 책을 보면서 정리한다는 생각으로 1. if....else if....else if(조건) { 조건이 맞을때 실행할 명령 } else if (조건2) { 조건2가 맞을때 실행할 명령 } else { 어떤 조건에도 맞지 않을 떄 실행할 명령. } 2. if
// Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptates, nihil! 나는 none이다. Nisi nostrum harum delectus sed placeat alias sunt quo quia debitis iste, deleniti repellendus! Error? // 이 css에서 .none:hover { display: block; background-color: aquamarine; 에서 궁금증 자체요소:hover와 display:none에대해 ... 검색 : hover와 display:none관계 일반적으로 생각하면 그렇게 될 것 같지만, CSS의 작동 원리에 따라 실제로는 그렇게 작동되지 않는다. 'hover'는 마..
// 아카데미 / css / day04 / 1_css배경.html 테스트로 해볼것. #circle { width: 48px; /* px단위는 4px 단위로 올려주는게 빠르다. */ height: 48px; border-radius: 50%; display: flex; justify-content: center; align-items: flex-end; padding-bottom: 4px; background-color: aquamarine; /* ---내가 테스트--- */ padding: 20px; /*=>이걸주면 border까지 총 92px가 된다 하지만 box-sizing:border-box를 체크하면 padding과 border까지 합한 48px가 된다.*/ border: 2px solid red..
// https://meyerweb.com/eric/tools/css/reset/ CSS Tools: Reset CSS CSS Tools: Reset CSS The goal of a reset stylesheet is to reduce browser inconsistencies in things like default line heights, margins and font sizes of headings, and so on. The general reasoning behind this was discussed in a May 2007 post, if you're inter meyerweb.com