본문 바로가기

분류 전체보기79

[mini project 1] HTML, CSS 웹페이지 4 (완료) 1. 호스팅 시 index.html 문제 깃허브 호스팅을 위해 모든 팀원들의 작업이 완료된 후 fetch 및 pull로 최신 상태로 파일을 업데이트 한 뒤 클론 해둔 폴더에 파일들을 복사 붙여넣기 했다. (깃허브 호스팅 방법은 링크 참고) 그 다음에 커밋, 푸시 과정을 거쳐 새로 만든 github.io 원격 리포지토리와 동기화했다. 그럼 연결이 되어야 하는데 에러가 발생했다. 문제는 발표가 30분 뒤였기 때문에 익숙하지 않은 에러메세지를 보고 검색할 시간도 마땅치 않았다. 우선 다시 처음부터 빠트린 것을 검토해보니 index.html 을 최상위 폴더 두지 않은게 문제였다. 일단 해결한 후 Github 공식문서를 확인했다. GitHub 페이지는 사이트의 항목 파일로 , 또는 파일 index.html을 in.. 2024. 3. 22.
2024.03.22 23일차 Javascript break, continue & Git Hosting 반복문 빠져나오기 (강제 종료) break 반복문이 실행 중 break를 만나는 순간 반복문을 해당 시점에서 종료 break를 만나는 순간 이하의 반복문의 남은 코드는 모두 실행되지 않으며 블록을 탈출 대개 if문과 함께 사용되며 조건에 따라 반복문을 종료할 때 사용 ex ) 종료버튼을 누르면 반복문으로 실행 중인 프로그램이 종료 ** 중첩된 반복문에서의 break는 가장 가까운 반복문 하나만 벗어남 for(var i = 0; i break로 안쪽 for문 종료 } console.log(`${i}, ${j}`); } } ------> 바깥 for문 계속 반복하기.. 2024. 3. 22.
2024.03.21 22일차 Javascript 반복문 for (begin; condition; step) { // ... 반복문 본문 ... } *** 실행순서는 ①제어변수 선언 -> ②조건식 판단 -> ③실행문 -> ④증감식 -> ② 조건식 판단 -> ④실행문 -> ③증감식 순서로 진행 문제1: 입력한 정수 이하의 2의 제곱수를 가로로 출력 ** 항상 step을 바꿔서 더 간단하게 해결할 방법이 있지 않을까 고민해보자 for(var i = 2; i 2024. 3. 21.
[mini project 1] HTML, CSS 웹페이지 3 1. 이미지 요소에 패딩 적용되지 않는 문제 픽사 사이트를 참고하면서 작업하다 보니 이미지에 패딩을 적용하고 싶었는데 개발자 도구로 확인해도 보이지 않는 문제가 있었다. 우선 이미지라서 display: block, margin 등 여러 시도를 하다가 생각해보니 common.css에서 box-sizing: border-box를 적용하여 이미지에 패딩이 포함되어서 보이지 않는 건가 싶었다. 그래서 해당 요소들에만 content-box로 변경하여 해결했다. box-sizing 요소의 전체 너비와 높이를 어떻게 계산하는지 설정 즉 요소를 늘리거나 줄이거나 혹은 padding 값 등을 추가할 경우 어떻게 요소의 너비와 높이 적용 여부를 설정 content-box, border-box 설정 가능 ** content.. 2024. 3. 21.

티스토리툴바