'WEB-Front end' 카테고리의 글 목록 (3 Page)

[자바스크립트] 2. 반복문 while 문

2. 반복문 프로그램 내에서 같은 명령을 일정 횟수만큼 반복하여 수행하도록 제어하는 실행문입니다. 컴퓨터에게 반복작업시키기, 100번~1000번 반복하고 싶을 때 활용하는 반복문 if문을 유용하게 쓸 수 있지만, 반복문을 잘 쓰면 코드가 줄어들어 이득을 볼 수 있다. - while 문 - for 문 while 문 조건식이 true인 동안 계속해서 주어진 실행문을 반복하는게 특징 조건식이 ture면 계속 반복을 하다가 false면 멈춤 while (조건식) { 조건식의 결과가 true(참)인 동안 반복될 실행문 ... 조건식이 무한 반복일 때 멈춰주는(조건식을 거짓으로 변경할 실행문)을 넣어주면 멈춤 } 예제) 1. 1을 i에 대입 2. while (i

WEB-Front end/*JAVASCRIPT 2023. 5. 30. 23:46

[자바스크립트] 1. 제어문 조건문 - if 문, if-else 문, switch문

제어문 1. 조건문 프로그램 내에서 주어진 조건문의 결과에 따라 별도의 명령을 별도의 명령을 수행하도록 제어하는 실행문입니다. - if 문 (두 문장 이상일 때), if-else 문 - switch 문 if 문 1. if 문 if(조건식) { 조건식의 결과가 참(true)일 때 실행할 문장; . . . } if(조건식) 조건식의 결과가 참(true)일 때 실행할 문장; 나이를 입력받을 수 있게 prompt와, 숫자로 변환 받을 수 있게 Number사용 저장된 age(입력받은 나이)가 19보다 크면 True(참)이므로 '성인입니다'. false면 중괄로 밖으로 나가 '프로그램을 종료합니다'. (조건식이 성립하지 않았음) 한 줄 조건문을 만들기는 가능함. 하지만 조건이 성립했을 때 나오는 문장이 한 줄 이상..

WEB-Front end/*JAVASCRIPT 2023. 5. 28. 23:46

[자바스크립트] 1. 숫자 데이터 타입, 2. 문자형 데이터 타입

1. 숫자 데이터 타입 2. 문자형 데이터 타입 3. 불리언 데이터 타입 1. 숫자 데이터 타입 데이터 타입 - 숫자형 정수와 실수를 따로 구분하지 않아, 모든 수를 실수 하나로만 표현한다. 2. 문자형 데이터 타입 문자열을 쌍따옴표, 따옴표로 둘러싸인 집합을 의미 typeof( ) 함수 타입을 나타내는 문자열을 리턴합니다.

WEB-Front end/*JAVASCRIPT 2023. 5. 27. 23:59

[자바스크립트] 1. 출력, 2. 외부, 3. 변수

1. 자바스크립트 출력 2. 외부자바스크립트 3. 변수 자바스크립트를 배우기 전에 특징에 대해서 알아보기. - 웹의 동작을 구현하기위한 언어 - 태그 안에 작성 - 대소문자를 구별함 자바스크립트의 출력 - document.write( ) 함수를 통해 body에 출력 - console.log( ) 함수를 통해 body에 출력 자바스크립트의 출력 - document.write( ) 함수를 통해 body에 출력 - console.log( ) 함수를 통해 body에 출력 외부 자바스크립트 파일로 적용(title 아래에 적어놓기) 자바스크립트의 주석 한 줄 주석 : // 여러 줄 주석 : /* */ 자바스크립트 프로그래밍 프로그래밍이란? 컴퓨터 프로그램을 작성하는 일. 일반적으로 프로그램 작성 방법의 결정, 코딩..

WEB-Front end/*JAVASCRIPT 2023. 5. 27. 23:57

[CSS] Google 앞 페이지 따라만들기

내가 따라 할 구글 앞 화면 1. html로 틀을 잡고 (div가 몇개 들어갈 것인지) 2. flex로 레이아웃 짜기 3. 하단을 position으로 고정 시키기 4. 개발자 도구로 로고 가려오기 Google 정보 스토어 Gmail 이미지 로그인 Google 검색 I'm Feeling Luck 대한민국 광고 비즈니스 검색의 원리 개인정보처리방침 약관 설정 CSS * { margin: 0; padding: 0; font-family: 'Poppins', sans-serif; box-sizing: border-box; } body { height: 100%; margin: 0; padding: 0; font-size: 14px; } .header { display: flex; justify-content: ..

WEB-Front end/*CSS 2023. 5. 24. 23:48

[CSS] 깃허브 클론코딩 (1)

1. 전체적인 틀을 잡고 2. div로 구역 나누기 3. flex로 레이아웃 4. 개발자 도구로 사진 가져오기 5. 버튼 부분은 아직 수정 중 Product Solutions Open Source Pricing Sign in Sign up Introducing GitHub Copilot X YOUR AI pair programmer is leveling up Let’s build from here Harnessed for productivity. Designed for collaboration. Celebrated for built-in security. Welcome to the platform developers love. Sign up for GitHub Start a free anterprrise..

WEB-Front end/*CSS 2023. 5. 13. 23:59

[CSS] CSS 박스모델

크기 단위 CSS에서 사용하는 크기의 단위에는 %, em, px, cm, mm, inch 등 이 중에서 많이 쓰이는건 1. 백분율 단위(%) 2. 배수 단위(em) 3. 픽셀 단위(px) 백분율 단위(%)는 기본 쿠기를 100%로 놓고, 그에 대한 상대적인 크기를 설정. 배수 단위(em)는 해당 글꼴(font)의 기본 크기를 1em으로 놓고, 그에 대한 성대적인 크기를 설정합니다. 픽셀 단위(px)는 스크린의 픽셀(pixel)을 기준으로 하는 절대적이 크기를 설정합니다. CSS에서의 크기 단위입니다. 글꼴의 크기를 200% 으로 변경합니다. 글꼴의 기본 크기인 100% 입니다. 글꼴의 크기를 0.7em 으로 변경합니다. 글꼴의 크기를 20px 로 변경합니다. 1배 = 1em = 100%을 의미 크기 조절..

WEB-Front end/*CSS 2023. 4. 22. 23:58