전체 글205 js 1일차 - 연산자, 문장, 객체 ########################################################################### ########################################################################### 4장. 연산자 ########################################################################### 1. 산술연산자 + - * / % ==> + 를 제외한 나머지는 문자열형태의 숫자가 ("10") 자동으로 수치로 변환되어 연산된다. + 는 연결이 된다. ==> 자바: 10/3 --> 3 JS : 10/3 --> 3.3333~2. 대입연산자 a=b a+=b a-=b a*=b .. 2024. 5. 2. js 1일차 - 개요, 식별자, 변수, 상수 ########################################################################### ########################################################################### 1장. JS 개요 ########################################################################### 1. (Vanilla) Javascript(JS) 개요 - Java 언어와 무관 - 웹브라우저에서 실행됨 ( JS 엔진 ) 크롬의 JS 엔진: v8 html 랜더링 기능: 랜더링 엔진 - V8엔진을 크롬 브라우저뿐만 아니라 일반 서버에서도 실행될 수 있도록 만듬. ==> node.. 2024. 5. 2. CSS 총정리 CSS 강좌정리 1. 환경설저 1) node 설정 https://nodejs.org/ 다운받고 설치(기본설치) cmd창에서 node -v 입력하고 버전 확인. 2) VSC 설정 - https://code.visualstudio.com/ 다운받고 설치(기본설치) - VSC 확장팩 설치 3) 워크스페이스 작성 2. CSS 역할 및 버전 역할: html에 시각적 표현을 지정해서 스타일 관리. css1: 1996년 css2: 1998년 css3: 현재까지도 개발중. ( 표준화 버전 ) 3. CSS 적용 방법 3가지 1)인라인 스타일 ( inline style ) - html내의 시작태그에서 style 속성으로 스타일을 지정하는 방법. 예>.. 2024. 5. 2. CSS 5일차 - Grid(3) item 속성 4) item 에서 사용가능한 속성 a. Container 속성에서 설정된 justify-items 와 align-items 재정의 .item-1 { justify-self: center | flex-start | flex-end | ... align-self: center | flex-start | flex-end | ... } item1 item2 item3 item4 item5 item6 b. 원하는 위치에 배치 1 - 위치의 번호로 배치 .item-3 { grid-column-start: 2; grid-column-end: 5; grid-row-start: 1; g.. 2024. 5. 2. 이전 1 ··· 4 5 6 7 8 9 10 ··· 52 다음