프로젝트4 - div 섹션 구역 분리 와 CSS 스타일 적용하기

이미지
웹 브라우저에 표시되는 글자와 이미지 들에 디자인 적인 효과( 배경색, 글자색, 크기 조절...) 및 브라우저 내에서의 배치등을 조절하기 위해서는 구역을 나누면 편리해진다. 바로 구역(섹션) 을 나누어 주는 역할을 하는 태그가 div 이다. <div>태그는 브라우저에서 보여지는 시각적 기능은 없다. 단지, 구역을 나누는 역할을 한다.  코드를 만들어 본다. <!DOCTYPE html> <html> <head>   <title>div</title> </head> <body>   <div>     <p>Ice cream is a frozen dessert typically made from milk or cream that has been flavoured with a sweetener,        either sugar or an alternative, and a spice,        such as cocoa or vanilla, or with fruit, such as strawberries or peaches.</p>   </div>   <div>     <p> Food colouring is sometimes added in addition to stabilizers.        mixture is cooled below the freezing point of water and stirred to incorporate air spaces and prevent detectable ice crystals from forming.        It can also be made by whisking a flavoured cream base and liquid nitrogen together.        The result is a smooth, semi-solid foam that is solid at v

자바스크립트 반복문 for 문

 


자바 스크립트 반복문 중 for 문을 알아본다.
for 문은 하기 형식으로 이루어진다.


for( 초기값 ; 조건식 ; 증감식){

}


0부터 10까지의 숫자를 출력하는 예제를 통해서 for문의 쓰임새를 자세히 파악해보자.

  //for 문
    for(let i = 0; i <= 10 ; i++){
      console.log("i =" + i);
    }

초기값 설정 부분에 변수를 선언하고 초기값을 세팅한다.
조건부 에는 for 문의 반복횟수를 나타낼 변수의 조건값을 코딩한다
마지막 증감식에는 조건식을 반복할때마다 변형시키기 위한 증감식을 적는다.
이 코드에서는 0부터 10까지 변수 i가 증감해야 하기때문에 i++ 증감을 한다.

while 문과 비교하여 무엇이 더 났다고 표현하기는 그러나,
조건에 사용되는 조건 값을 명확히 for문에 서술할 수 있다는 점과 중복으로 반복문을 표현할때
for 문이 조금은 더 가독성이 쉽다. 물론 이러한 점은 코딩 스타일별로 다르기에 정답은 없다.

자바스크립트 for문에 대해서 정리해본다.
감사합니다.


댓글

이 블로그의 인기 게시물

구글 블로그 이미지 복사 붙여넣기 가능한가요?

HTML 페이지 기본 구성.(HTML Page Structure)

구글 블로그 대표이미지 설정하기