본문 바로가기

전체 글

(32)
2022-11-01 [새싹 프론트엔드] 조건문과 반복문 2022-11-01 강의내용 조건문 (switch, 삼항연산자, 짧은 조건문 삼항연산자와 switch문 if 문 else 문 ) 반복문 ( for문, while문, do while문, 중첩 for문 ) 조건문을 쓰는 이유 어떤 프로그래밍 언어든 코드는 의사 결정을 내리고 입력 내용에 따라 작업을 수행해야 합니다. 예를 들어 게임에서 플레이어의 생명 수치가 0이면 게임이 종료됩니다. 날씨 앱에서는 아침에 해가 뜬 그림을 보여주고 밤에는 달과 별을 보여줍니다. 이처럼 어떠한 조건의 결과에서 도출되는 값을 원할때 조건문을 사용한다. switch 문 삼항연산자 짧은 조건문 조건문에는 if 뿐아니라 switch, 삼항연산자, 짧은조건문 등이 조건문으로 있다. 조건문이 여러개인 이유는 한국어에도 어머니=엄마, mo..
2022-10-31 [새싹 프론트엔드] JS자료형과 변수 2022-10-31 강의내용 자료형 변수 증가/감소 연산자 불리언 비교연산 조건연산 자료형 데이터 타입 자료형 == 데이터 유형== 데이터타입 == 데이터혈 모두 같은 말이다. JS의 데이터타입에는 3가지 종류가 있다 기본유형 복합유형 특수유형 종류 비고 예시 기본유형 숫자형 따옴표 "" 없이 숫자로만 기입 let year = 2021; 문자형 " ", ' ' 큰따옴표,작은따옴표를 사용하여 기입 , 따옴표 안에 있는 text는 문자로 인식한다 let year = "2021"; 논리형 boolean true, false 2가지만 있는 유형 let year = true; 복합유형 배열 하나의 변수에 여러값을 저장 굳이 단어 하나하나 변수선언을 하지않고 다이렉트로 변수선언 변수명[1,,2,3]무한대로 넣을 수..
2022-10-28 [새싹 프론트엔드] grid 레이아웃 Grid Container(그리드 컨테이너) 그리드의 단위로는 % px vh fr 다 사용가능 혼용도 가능하다. fr은 전체화면의 몇만큼 차지할지 정해주는것 flex-gro와 비슷함 부모요소 속성 비고 작성 display: grid; 그리드로 디스플레이 변경하기 grid-template-columns 부모 안에 배치할 칼럼,로우 크기와 개수 grid-template-columns: 200px 200px 200px; grid-template-rows: 100px; width200px, heihgt: 100px인 box생성 grid-template-rows repeat 위처럼 template을 사용하면 코드가 길어지는 단점이 있다. 반복시켜 편의성을 높혀준다 grid-template-columns: repe..