본문 바로가기
반응형

JavaScript157

자바스크립트 함수 함수 함수는 프로그램에서 반복적으로 사용되는 기능을 만들어 내기 위한 코드들의 집합입니다. 분류 종류 설명 사용자 정의 함수 · 선언적 함수 · 익명 함수 프로그램에서 필요한 기능을 사용자가 직접 정의해서 사용하는 함수입니다. 내장함수 · 인코딩, 디코딩 함수 · 숫자 판별 함수 · 유·무한 값 판별 함수 · 숫자 변환 함수 · 문자 변환 함수 · 자바스크립트 코드 변경 함수 프로그램 개발에서 자주 사용되는 기능들을 자바스크립트 내부적으로 제공해 주는 함수입니다. 선언적 함수 선언적 함수는 function 키워드를 사용하여 선언되는 함수입니다. 함수 이름을 지정하고 중괄호{ } 안에 함수 코드를 작성하는 방식으로 정의됩니다. 선언적 함수의 형식 function 함수( ){ document.write(값).. 2023. 2. 27.
데이터 저장하기 데이터 저장하기 자바스크립트에서 데이터를 저장하는 종류에는 변수 데이터 저장하기, 상수 데이터 저장하기, 배열 데이터 저장하기, 객체 데이터 저장하기가 있습니다. 먼저 순서 대로 알아보겠습니다. 변수 변수는 데이터를 저장하는 저장소입니다. 변수는 데이터를 저장할 수도 있지만 변경도 가능합니다. 변수는 저장된 기존 데이터에 추가도 가능합니다. 데이터 저장하기 See the Pen Untitled by dongjin6539 (@dongjin6539) on CodePen. 데이터 변경하기 See the Pen Untitled by dongjin6539 (@dongjin6539) on CodePen. 데이터 추가하기 See the Pen Untitled by dongjin6539 (@dongjin6539) on.. 2023. 2. 24.
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.
자바스크립트 연산자와 제어문 마무리 문제 자바스크립트 연산자와 제어문 마무리 문제1, 2 책 : 모던 자바스크립트 프로그래밍의 정석 113페이지 참고 마무리 문제 1 주어진 배열에서 10보다 큰 값을 찾아서 화면에 표시해 보세요. 길라잡이 배열 요소의 개수만큼 for 문을 반복합니다. if 문을 사용해서 요소의 값과 10을 비교합니다. document.write 문을 사용해서 화면에 표시합니다. See the Pen Untitled by dongjin6539 (@dongjin6539) on CodePen. const arr = [1, 3, 5, 7, 9, 11, 13, 15, 17, 19]; for(let i=0; i10){ document.write(arr[i] + ","); } } 풀이 방법 표시된 배열을 배열 표현 방법을 이용해 나열을 해.. 2023. 2. 24.
프로그램 흐름을 자유롭게 조절하는 조건문 자바스크립트 조건문 실제로 프로그램에서 처리하는 소스는 훨씬 복잡합니다. 특히 어떤 조건에 따라 명령 실행 순서를 바꾸거나 특정한부부만 계속해서반복하려면 조건문이나 반복문을 사용해야 합니다. 조건문은 명령을 실행하기 위해 조건을 체크하는 문입니다. 프로그램 소스는 작성된 순서대로 명령을 실행하는 것보다 조건에 따라 명령을 실행하는경우가 많습니다. 이 블로그에서는 조건문 종류인 if문, if else문, else if문, 삼항 연산자, 중첩 if문, switch문에 대해 알아보겠습니다. if문, if else문 if문 if 다음에 소괄호( ) 를 사용해서 조건을 표기합니다. 그리고 조건을 체크한 후 결괏값이 true 이면 if문에 있는 명령을, false 이면 if문에 있는 명령은 건너뛰고 그다음 명령을 .. 2023. 2. 24.
반응형

티스토리툴바