전체 글
-
-
제어문Javascript 2023. 6. 22. 15:24
자바스크립트 기초 문법 제어문이란? 조건문(if문/else문/else if 문) 조건에 따라 특정 코드를 실행시킬 수 있다. 선택문(switch문) 일치하는 경우의 값이 있을 경우에만 특정 코드를 실행시킬 수 있다. 반복문 (while 문 / for 문) 코드를 지정한 횟수만큼 반복해서 실행시킬 수 있다. 조건문(if문/else문/else if 문) if문 예제) if_1 (걷는양에 따라 ture) 예제) if_2 (이름을 입력하면 이름 붙여서 환영인사) else문 예제) else (회원 탈퇴 확인) else if문 예제) else if ( 월수마다 날짜 나오는거) 중첩 if문 예제) if (아이디와 비밀번호 틀릴시 물어봄) 선택문(switch문) switech문 예제) switch (해당 사이트 연결)..
-
자바스크립트 기초 문법Javascript 2023. 6. 22. 15:17
자바 스크립트 선언문 기본형 자바 스크립트 주석 처리 자바 스크립트에서는 // 로 주석 처리한다 (설명이 여러 줄 일 경우 /* */로 주석 처리 함) 내부 스크립트 외부로 분리하기 -자바 파일 경로 연결 예제) java script (환영합니다만 출력) - 코드 입력시 주의할 점 자바 스크립트는 대,소문자를 구분하여 작성 코드 한줄을 작성한 후에는 세미클론( ; )을 쓰는것이 좋음 코드를 작성할 때는 한줄에 한 문장만 작성하는것이 가독성을 위해 좋음 문자형 데이터를 작성 할때는 큰따옴표와 작은따옴표의 겹침 오류를 주의해야 함 코드를 작성할 때 중괄호 또는 소괄호 의 짝이 맞아야 함 변수 var box; ← 변수 선언 변수는 데이터를 담을 수 있는 그릇 예제) 변수 var (변수 선언만) 연산자 문자형 ..
-
쇼핑몰 웹 페이지 만들기CSS 2023. 6. 22. 15:03
shopping-mall 1 공지사항 2021년 2월 무이자 할부 카드 안내 2021년 2월 무이자 할부 카드 안내 쿠폰 사용안내 2021년 2월 무이자 할부 카드 안내 갤러리 2021년 2월 무이자 할부 카드 안내 2021년 2월 무이자 할부 카드 안내 쿠폰 사용안내 2021년 2월 무이자 할부 카드 안내 나의 계정 헤이 음악 계정 추가 클라우드 shopping-mall 2 공지사항 2021년 2월 무이자 할부 카드 안내 2021년 2월 무이자 할부 카드 안내 쿠폰 사용안내 2021년 2월 무이자 할부 카드 안내 갤러리 2021년 2월 무이자 할부 카드 안내 2021년 2월 무이자 할부 카드 안내 쿠폰 사용안내 2021년 2월 무이자 할부 카드 안내 나의 계정 헤이 음악 계정 추가 클라우드 shoppi..
-
플렉스 박스 레이아웃CSS 2023. 6. 22. 15:02
플렉스 박스 레이아웃과 기본 속성들 플렉스 박스 레이아웃 그리드 레이아웃을 기본으로, 플렉스 박스를 원하는 위치에 배치하는 것 여유 공간에 따라 너비나 높이, 위치를 자유롭게 변형할 수 있음 display 속성 -배치 요소들을 감싸는 부모 요소를 플렉스 컨테이너로 지정 예제) 플렉스 display ( 주축 방향으로 옆으로 붙는다) 1 2 3 flex-direction 속성 플렉스 항목 배치 방향 지정 예제) flex-direction (주축방향으로 배치 방향 지정) 1 2 3 flex-wrap 속성 플렉스 항목을 한 줄 또는 여러 줄로 배치 예제) flex-wrap (주축방향으로 양쪽에 배치) 1 2 3 flex-flow 속성 플렉스 배치 방향과 여러 줄 배치를 한꺼번에 지정 order 속성 플렉스 항목..