프로젝트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

자바스크립트 함수 정의방법1 - 함수선언문 사용하기

 


자바스크립트 함수 정의 방법에는 3가지가 있다.
그 중 함수 선언문을 사용하는 방법을 알아보자.
함수 선언문 방식은
먼저  function 이란 키워드를 적고 그 다음 식별자 를 적는다.
여기서 식별자 는 함수명 이라고 하여, 개발자가 임의로 지을수 있다.
함수 선언문의  syntax 는 이러하다.

function 함수명(){

구현 코드

}

함수 선언문을 활용한 1 부터 10까지의 합을 더하는 함수를 만들어 본다.

   let sum = 0;
    function sumFucntion(){
      for(let i = 1; i < 10 ; i++){
          sum = sum + i;
      }
       console.log(`sum is ${sum}`);
    }    
    sumFucntion();

함수 선언문 으로 정의된 함수는
함수명();  형식으로 함수를 호출할 수 있다.
함수를 호출한다는 의미는 함수를 실행할 수 있다는 의미 이다.
함수는 복잡한 코드를 하나의 함수로 묶어서 여러곳에서 함수를 호출하여 사용할 수 있기에
코드의 복잡도 와 효율성을 높일 수 있다.

함수 선언문을 활용한 함수 정의를 정리해본다.
감사합니다.

댓글

이 블로그의 인기 게시물

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

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

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