본문 바로가기
반응형

코딩157

데이터 제어하기 데이터 제어하기 자바스크립트에서 데이터를 제어하는 종류에 if문, if문 생략, 삼항 연산자, 다중 if문, 중첩 if문, switch문, while문, do while문, for문, 중첩 for문, continue문, break문이 있습니다. 이제 순서대로 알아보겠습니다. if문 조건문은 프로그래밍에서 가장 기본적인 구문 중 하나입니다. 조건문을 사용하면 프로그램이 특정 조건에 따라서 다른 동작을 하도록 할 수 있습니다. { if(조건식){ document.write("실행되었습니다.(true)"); // 참 실행 } else { document.write("실행되었습니다.(false)"); // 거짓 실행 }; } 값 : // true : 1, 2, "0", "1", "ABC", [], {}, tru.. 2023. 2. 28.
자바스크립트 함수 함수 함수는 프로그램에서 반복적으로 사용되는 기능을 만들어 내기 위한 코드들의 집합입니다. 분류 종류 설명 사용자 정의 함수 · 선언적 함수 · 익명 함수 프로그램에서 필요한 기능을 사용자가 직접 정의해서 사용하는 함수입니다. 내장함수 · 인코딩, 디코딩 함수 · 숫자 판별 함수 · 유·무한 값 판별 함수 · 숫자 변환 함수 · 문자 변환 함수 · 자바스크립트 코드 변경 함수 프로그램 개발에서 자주 사용되는 기능들을 자바스크립트 내부적으로 제공해 주는 함수입니다. 선언적 함수 선언적 함수는 function 키워드를 사용하여 선언되는 함수입니다. 함수 이름을 지정하고 중괄호{ } 안에 함수 코드를 작성하는 방식으로 정의됩니다. 선언적 함수의 형식 function 함수( ){ document.write(값).. 2023. 2. 27.
CSS 선택자 CSS 선택자 선택자란 CSS로 UI의 어느 부분을 디자인할지, 표현할 대상이 되는 부분을 말합니다. CSS로 속성을 부여하는 형식은 { } 안에 여러 속성을 지정할 수 있고, 각 속성 설정 간에는 ' ; ' 으로 구분해주며 마지막 속성 끝에는 구분자를 생략할 수 있습니다. 속성은 가로로 붙여 써도 되고 한 줄씩 따로 입력해도 무방합니다. 앞서 다른 블로그에서 id 선택자와 class 선택자에 대해 미리 알아보았습니다. 지금 이 블로그에서는 선택자의 모든 종류에 대해 간략하게 알아보겠습니다 선택자의 종류로는 type 선택자, id 선택자, class 선택자, 전체 선택자, 하위 선택자, 자식 선택자, 인접 선택자, 형제 선택자, 그룹 선택자, 속성 선택자, 가상클래스 선택자, 가상요소 선택자, 종속 선택.. 2023. 2. 24.
레이아웃 - float 유형 레이아웃 - float 유형 block 요소는 원래 세로로 나열되지만 float을 이용하여 가로로 배치할 수 있습니다. float은 레이아웃을 완성하기 위한 필수적인 속성이다. float을 지정하는 방법과 float을 해제하는 방법도 있다. 속성 값 설명 left 요소를 왼쪽에 배치하고 나머지 콘텐츠를 그 주변을 흐르도록 함 right 요소를 오른쪽에 배치하고 나머지 콘텐츠를 그 주변을 흐르도록 함 none float 실행을 취소할 때 사용 함 예시를 만들어서 작성해보겠습니다!!! 1920px * 1080px의 사이즈에 1200px * 1080px 구역 레이아웃을 만들어 보겠습니다. 전체 구역을 만들어주고 각 구역을 하나씩 만들어 줍니다. header 구역, nav 구역, aside 구역, sectioi.. 2023. 2. 24.
프로그램 흐름을 자유롭게 조절하는 조건문 자바스크립트 조건문 실제로 프로그램에서 처리하는 소스는 훨씬 복잡합니다. 특히 어떤 조건에 따라 명령 실행 순서를 바꾸거나 특정한부부만 계속해서반복하려면 조건문이나 반복문을 사용해야 합니다. 조건문은 명령을 실행하기 위해 조건을 체크하는 문입니다. 프로그램 소스는 작성된 순서대로 명령을 실행하는 것보다 조건에 따라 명령을 실행하는경우가 많습니다. 이 블로그에서는 조건문 종류인 if문, if else문, else if문, 삼항 연산자, 중첩 if문, switch문에 대해 알아보겠습니다. if문, if else문 if문 if 다음에 소괄호( ) 를 사용해서 조건을 표기합니다. 그리고 조건을 체크한 후 결괏값이 true 이면 if문에 있는 명령을, false 이면 if문에 있는 명령은 건너뛰고 그다음 명령을 .. 2023. 2. 24.
같은 동작을 손쉽게 반복하는 반복문 반복문 반복문은 같은 동작을 여러 번 실행하기 위해 사용하는 문입니다. 반복문을 사용하면 불필요하게 여러 명령을 늘어놓지 않아도 명력을 반복 실행 할 수 있습니다. 반복문에는 for 문, forEach 문, for in 문, for of문 등이 있습니다. for 문 for 문은 자바스크립트에서 가장 많이 사용하는 반복문입니다. for 문은 조건에 들어가는 값이 일정하게 커지면서 명령을 반복 실핼항 때 편리합니다. for 문에서는 몇 번 반복했는지 기록하기 위해 카운터를 사용하고 for 문의 첫 번째 항에서 카운터 변수를 지정합니다. for 문 실행 순서 : 초기값 → 조건식(true, false 초기값이 맞는지 확인) → 실행문 → 증감식 → 초기값 반복 for 문 기본형 for(초깃값; 조건식; 증감식.. 2023. 2. 23.
반응형

티스토리툴바