반응형

분류 전체보기 368

[TIL] 2021.02.10

JavaScript 🌈 [프로그래밍 핵심 개념 in JavaScript] 01. 자료형 01. 숫자형 02. 숫자 연산 익히기 03. 문자열 기본 04. 문자열 활용 05. 문자열 연습 1 06. 문자열 연습 2 07. 불 대수 08. 불린형 09. 불링형 연습 10. 불린 익히기 11. typeof 연산자 12. typeof 연산자 익히기 13. 연산자 우선순위 14. 형 변환 1 15. 형 변환 익히기 1 16. 형 변환 2 17. 형 변환 익히기 2 18. 템플릿 문자열 19. 템플릿 문자열 연습하기 20. null과 undefined 21. null과 undefined 익히기 22. 자료형 응용하기 jQuery 🌀 [jQuery 시작하기] 01. HTML, CSS와의 콜라보레이션 01. 환경 설정..

CodeSiri/TIL 2021.02.10

[프로그래밍 시작하기 in JavaScript] 02. 프로그래밍 맛보기

이자율 4%에 세금까지 내지 않아도 되는 정기예금 상품을 추천받아서 그동안 조금씩 모은 돈을 1년 동안 넣어두기로 하고 왔는데요. 즐거운 마음으로 집에 돌아와서 1년 뒤에 얼마를 받을 수 있을지를 계산하는 코드를 작성해보려고 합니다. 검색해보니 이자 금액을 계산하기 위한 식은 아래와 같은데요. 맡긴 금액(원) * 맡기는 기간(년) * 이자율(%) / 100 맡긴 금액(amount)과 맡기는 기간(term), 이자율(rate)을 입력받으면 이자 금액을 계산해서 결괏값을 전달해 주는 interestCalculator 함수를 작성해 주세요. 맡긴 금액은 3650000원 입니다. 이자는 146000원 입니다. 최종 받을 금액은 3796000원 입니다. function interestCalculator(myMon..

Languages/JS 2021.02.09

[프로그래밍 시작하기 in JavaScript] 02. 프로그래밍 맛보기

저체중 : 18.5 미만 정상체중 : 18.5 이상 23 미만 과체중 : 23이상 25미만 경도비만 : 25이상 30미만 중도비만 : 30이상 35미만 고도비만 : 35이상 체질량지수를 구하는 공식은 다음과 같습니다. 단위: 체중 = kg, 신장 = cm 체질량지수 = 체중 / (신장 * 신장 / 10000) 위 공식을 참고해서 이름(name)과 체중(weight), 그리고 신장(tall)을 파라미터로 입력받고 체질량지수를 계산해주는 bmiCalculator함수를 작성해 주세요. 홀쭉이님의 체질량지수는 17입니다. 코린이님의 체질량지수는 20입니다. 통통이님의 체질량지수는 24입니다. function bmiCalculator(name, weight, tall) { console.log(name + '님의..

Languages/JS 2021.02.09

[프로그래밍 시작하기 in JavaScript] 02. 프로그래밍 맛보기

인터넷에 검색해보니 데이터 용량 단위는 1MB = 1024KB 1GB = 1024MB 1TB = 1024GB 라고 합니다. 이 정보를 참고해서 TB 단위를 입력하면 GB 단위를 출력해주는 teraToGiga 함수와 TB 단위를 입력하면 MB 단위를 출력해주는 teraToMega 함수 두 가지 함수를 작성해 주세요. 각 함수는 숫자 값을 파라미터로 받고 첫 번째 줄에서는 입력받은 용량을, 두 번째 줄에서는 변환한 용량을 출력해야 합니다. 함수를 잘 작성하셨다면 아래와 같이 출력되어야 합니다. 2TB는 2048GB 입니다. 2TB는 2097152MB 입니다. function teraToGiga(GB) { console.log(GB * 1024 + 'GB 입니다.'); }; function teraToMege..

Languages/JS 2021.02.09

[프로그래밍 시작하기 in JavaScript] 02. 프로그래밍 맛보기

애국가 가사를 들여다보면 반복되는 후렴구가 있죠? 이 후렴구를 한 줄에 한 소절씩 출력하는 printChorus 함수를 만들어 주세요. 함수를 제대로 작성했다면 콘솔에는 아래와 같이 출력되어야 합니다. 1절 동해 물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세 무궁화 삼천리 화려 강산 대한 사람 대한으로 길이 보전하세 2절 남산 위에 저 소나무 철갑을 두른 듯 바람서리 불변함은 우리 기상일세 무궁화 삼천리 화려 강산 대한 사람 대한으로 길이 보전하세 3절 가을 하늘 공활한데 높고 구름 없이 밝은 달은 우리 가슴 일편단심일세 무궁화 삼천리 화려 강산 대한 사람 대한으로 길이 보전하세 4절 이 기상과 이 맘으로 충성을 다하여 괴로우나 즐거우나 나라 사랑하세 무궁화 삼천리 화려 강산 대한 사람 대..

Languages/JS 2021.02.09

[프로그래밍 시작하기 in JavaScript] 02. 프로그래밍 맛보기

커피를 만들 때 들어가는 재료들의 칼로리는 다음과 같습니다. 에스프레소 : 10 kCal 우유 : 170 kCal 초코시럽 : 50 kCal 휘핑크림 : 60 kCal 우리가 판매했던 메뉴들의 칼로리를 한번 계산해 보려고 하는 데요, 각 재료의 이름을 변수 이름으로 사용하여, 메뉴들의 칼로리를 저장해 주세요. 변수를 사용하는 테스트 코드는 이미 작성되어 있으니 별도로 편집하지 않으셔도 됩니다. 여러분은 변수를 선언하고 값을 입력해 주세요! 변수를 제대로 작성했다면 콘솔에는 아래와 같이 출력되어야 합니다. 10 180 230 290 let espresso = 10; let milk = 170; let chocolateSyrup = 50 let whippedCream = 60; // 메뉴별 칼로리 테스트 c..

Languages/JS 2021.02.09

[웹 퍼블리싱] 03. 반응형 웹 퍼블리싱

이노 옷걸이처럼 걸어 놓을 수 있는 블루투스 스피커 '이노'를 홍보하는 사이트를 만들어보려고 합니다. 위에 있는 도면을 따라 반응형 웹사이트를 만들어주세요. 그리드는 반응형 그리드 과제에서 만든 것을 그대로 사용하면 됩니다! 초록색 선은 padding, 빨간색 선은 margin, 파란색 선은 가운데 정렬(가로 혹은 세로)을 뜻합니다. 모든 사진은 background-image를 통해 넣었습니다. In'o 글자의 font-size는 20px 글자색은 white입니다. In'o 글자가 속한 div 태그의 background-color 는 #353535입니다. 결과물 IN'O Portfolio Make Hardware Soft IN'O is a hanger-type bluetooth speaker that d..

Front-end/HTML&CSS 2021.02.09

[웹 퍼블리싱] 03. 반응형 웹 퍼블리싱

반응형 그리드 크게 세 가지로 나누어집니다. 왼쪽: 모바일 사이즈 (767px 이하) 가운데: 타블릿 사이즈 (768px 이상, 991px 이하) 오른쪽: 데스크탑 사이즈 (992px 이상) 반응형 그리드 결과물 body { margin: 0; } div { float: left; } #div1 { background-color: #FF0000; width: 100%; height: 60px; } #div2 { background-color: #FFA500; width: 100%; height: 350px; } #div3 { background-color: #FFFF00; width: 100%; height: 320px; } #div4 { background-color: #008000; width: 10..

Front-end/HTML&CSS 2021.02.09

[TIL] 2021.02.09

Academe 🏫 Theory01. Javascript Theory02. JQuery GitHub 🐸 Study 🛠 Codeit; [웹 퍼블리싱 - HTML/CSS 핵심 개념] 07. 쇼핑몰 01. SimpleShop [웹 퍼블리싱 - 반응형 웹 퍼블리싱] 01. 반응형 웹 01. 반응형 웹 02. 반응형 그리드 03. 이노 [웹 퍼블리싱 - HTML/CSS 핵심 개념] 02. 부트스트랩 01. 새로운 기술을 배우는 법 02. 부트스트랩 소개 03. 부트스트랩 그리드 04. 부트스트랩 반응형 그리드 05. 재능 공유 사이트 [프로그래밍 시작하기 in JavaScript] 01. 자바스크립트 첫걸음 01. 자바스크립트 프로그래밍? 02. 준비하기 03. Hello Codeit! 04. 프로그래밍 첫걸음 떼..

CodeSiri/TIL 2021.02.09
반응형
LIST