목록2024/01/22 (2)
사이먼's 코딩노트
이번에 모작해볼 홈페이지는 오늘의 집입니다. 모작의 범위는 2차메뉴와 제품소개 까지이며, 마찬가지로 단계를 나눠서 진행하겠습니다. 완성 디자인 1단계 : 팝업창 제작 오늘의 집 홈페이지의 경우 상단 탑바 위에 팝업창이 있기 때문에 가장 최상단에 팝업 section을 두어 제작하였다. 2단계 : 그리드 및 레이아웃 잡기 팝업창 아래에 상단 탑바가 들어갈 곳의 구조를 잡아줬다. 상단 탑바는 가운데 1차 메뉴와 오른쪽 유저메뉴에 고정된 너비값을 주고 로고박스에는 flex-grow와 flex-basis를 통해 남은 공간을 할당하도록 했다. 3단계 : 로고 커스텀 오늘의 집 로고는 해당 홈페이지의 개발자모드(F12)를 통해 이미지를 가져올 수 없어, 필자가 직접 로고를 캡쳐하여 이미지태그에 적용하였다. 4단계 :..
[반복문] 예를 들어 1부터 1000까지의 숫자를 하나씩 출력해보자고 했을 때, 지금까지 배운 지식으로는 System.out.println문을 통해서 일일이 1000개를 작성해야한다. 하지만 이것은 굉장히 비효율적이고 귀찮은 일이다. 이런 작업을 훨씬 수월하게 동작하게 위해서 우리는 반복문을 활용해야한다. 반복문은 크게 for문과 while문 두 가지로 나뉠 수 있다. 두 가지는 문법이 다를 뿐 의미는 동일하다. [while] 아래는 while문의 예시로서 i라는 변수가 5이하 일때는 해당 숫자를 출력문으로 출력한다. class Main { public static void main(String[] args) { int i = 1; while (i