전체 글 (24) 썸네일형 리스트형 Java Script 연산자 와 조건문 정리 목차 연산자 조건문 ◈연산자 console.log(1 + 2); // 3 console.log(0 - 2); // -2 console.log("123" + 3); // 3123 console.log(10 + true); // 11 console.log("" + false); // false console.log(2 ** 3); // **는 제곱 8 console.log(3 11 2진수 12 10진수 // 2진수로 기준으로 연산하는 비트연산자 console.log(1 3); console.log(4 >= 2); console.log(4 0) { console.log("a는 0보다 커"); } else { console.log("a는 0보다 크지 않아").. Java Script 객체 와 배열 목차 객체 배열 ◈객체 객체란 변수안에 변수와 같은 개념이다. let obj = { a: 'value', b: 'value' } (예약어) (객체명) = { key: 값 , key: 값 } key 는 변수에서 봤을때 변수명 과 같은 역할을 하며 property 라고 부르기도 한다. 객체를 사용할때는 { } 중괄호를 사용하며 내부에 ' key : 값 ' 형식으로 들어간다. ( 값이 문자열일때는 '' '' 큰따옴표를 사용해야함) 객체안에 또다른 객채가 들어갈 수 있다! 변수명 , 객체명을 식별자라고 불르는데 객체의 식별자를 찾을때 식별자. 식별자 점을 붙이거나 [" "] 를 사용해 찾을 수 있따. 위에 코드를 브라우저 콘솔에서 확인을 해보려했을때 만약 a 라는 key 의 값을 확인하려면 아래와 같이 코드를 .. Java Script에 대한 기초 지식 목차 변수와 값 변수선언과 정의 지난 글에 이어 Java Script 에 대하여 간단한 기본 정보들을 공부해보았다. ◈변수 와 값 수학적 용어로 변수는 변하는 값이라고 하지만 컴퓨터 언어에 있어서는 조금 다르게 생각해봐야한다. 변수는 데이터의 값을 저장하는 공간 정도로 이해하면 앞으로 자바스크립트를 사용하는데 편리 할 것 같다. 자바스크립트에서 코드를 칠때 기본적으로 변수에 대한 이름을 정하고 대입 연산자를 넣어 값을 정해준다. 구조는 아래와 같다. letNumber = 10 ; letNumber 는 변수명이며 개발자가 이름을 지정해준다. ' = ' 는 대입 연산자 10 은 값이다. 여기서 대입 연산자 ' = ' 는 수학적으로 같다라는 뜻이 아니라 값을 변수명에 넣어준다라는 개념을 가지면 된다. ◈변수선.. Java Script 란 ? 목차 자바스크립트의 역할 자바스크립트의 구조 ◈자바스크립트의 역할 자바스크립트란 웹페이지를 동적 페이지로 만들기 위한 언어이다. 단순히 html 과 css 로 단순하게 보여지는 구조를 만들었다면 자바스크립트를 통해 사용자와 상호작용을 할 수 있게하는데 큰 역할을 한다. 보통 Java Script 는 JS runtime 환경에서 실행시킬 수 있다. 이는 윈도우에서 맥프로그램이 실행되지 않는 것 처럼 Java Script 는 JS runtime 에서만 실행되게 된다. 기본적으로 현재 웹브라우저에서 (크롬, 웻지, 파이어 폭스 등 ) JS runtime 환경을 가지고 있어서 스크립트가 실행가능하다 . ◈자바스크립트의 구조 자바스크립트 언어는 html 문서 body에 입력이 되며 위에서 아래로 순차 적으로 읽히.. <html> , <css> 반응형 웹페이지 실습 오늘은 간략하게 css 와 html 그리고 결과물만 올렸습니다~ !! Document 반응형 웹페이지 반응형 웹페이지를 만들어 봅시다. * { box-sizing: border-box; } html, body { margin: 0; padding: 0; background-color: bisque; } .container { height: 100px; max-width: 1300px; padding: 0 3rem; margin: auto; } .title-box { /* border: 1px solid black; */ text-align: center; } .title-box h1 { font-size: 1.2rem; /* color: blueviolet; */ } .ti.. <HTML> Clone 코딩 실습 3 목차 clone 코딩 영역 나누기 html ,css 작성 애니메이션 속성 https://www.kiweb.or.kr/intro?ACE_REF=adwords_g&ACE_KW=%EA%B2%8C%EC%9E%84%EC%95%84%EC%B9%B4%EB%8D%B0%EB%AF%B8&gclid=EAIaIQobChMI77zI1YvT_wIVApyWCh1e3Qq6EAAYASAAEgKxM_D_BwE 경일게임 아카데미 현장과 가장 닮아있는 교육을 목표로 합니다. 경일만의 후끈한🔥 관리를 받아보세요. 우리는 취업에 진심입니다. 현장과 가장 닮아있는 교육을 목표로 합니다. 경일만의 후끈한🔥 관리를 받아 www.kiweb.or.kr 지난 글에 이어 클론 코딩을 진행하겠습니다 마찬가지로 '경일게임아카데미' 홈페이지를 보고 따라해보려합.. <HTML> Clone 코딩 실습 2 목차 코딩 영역 나누기 html , css 코드 작성 animaition 속성 position 속성 ::after , ::before 지난 실습과 이어서 '경일게임아카데미' 홈페이지 클론 코딩을 해보겠습니다~ https://www.kiweb.or.kr/intro?ACE_REF=adwords_g&ACE_KW=%EA%B2%8C%EC%9E%84%EC%95%84%EC%B9%B4%EB%8D%B0%EB%AF%B8&gclid=EAIaIQobChMI99T-_Y7R_wIV2nmLCh3dawBnEAAYASAAEgLLw_D_BwE 경일게임 아카데미 현장과 가장 닮아있는 교육을 목표로 합니다. 경일만의 후끈한🔥 관리를 받아보세요. 우리는 취업에 진심입니다. 현장과 가장 닮아있는 교육을 목표로 합니다. 경일만의 후끈한🔥 관리를.. < HTML > Clone 코딩 실습 목차 html clone 코딩 실습 https://www.kiweb.or.kr/intro? 경일게임아카데미 현장과 가장 닮아있는 교육을 목표로 합니다. 경일만의 후끈한🔥 관리를 받아보세요. 우리는 취업에 진심입니다. 현장과 가장 닮아있는 교육을 목표로 합니다. 경일만의 후끈한🔥 관리를 받아 www.kiweb.or.kr 오늘 클론 코딩을 할 페이지는 경일아카데미 홈페이지를 따라 해보겠습니다. 먼저 클론 코딩을 하기전에 페이지가 어떻게 나눠지는지 계획을 잘 세우는것이 중요합니다! 아래 따라할 페이지를 한번 보겠습니다! 위 페이지를 보면 어떻게 영역을 나눌 수 있을까요 ? 저는 아래와 같이 나누어보았습니다. *어떻게 영역을 나누느냐는 만드는 사람마다 다르게 구분할 수 있습니다! 경일게임아카데미 logo를 맨위.. 이전 1 2 3 다음
