ksw_devlog

[Java script 함수] 함수는 특정 작업을 수행하는 코드의 집합 const priceA = 1000 const priceB = 2000 // 두 상품가격의 합과 평균을 구해서 출력해야 하는 코드 작성 const sum1 = priceA + priceB console.log(`두 상품의 합계는 ${sum1}입니다.`) const avg1 = sum1 / 2 console.log(`두 상품의 평균은 ${avg1}입니다.`) const priceC = 3000 const priceD = 4000 // 이번에도 두 상품가격의 평균을 구해서 출력해야 한다면? 위와 동일한 코드를 또 작성... const sum2 = priceC + priceD console.log(`두 상품의 합계는 ${sum2}입니다.`..

템플릿 리터럴 (Template literals) 백틱(``) 을 사용하여 문자열 데이터를 표현할 수 있다. 이중 따옴표나 작은 따옴표로 문자열을 표현할 때보다 간결하게 문자열 붙이기가 가능하다 const shoesPrice = 200000 console.log(`이 신발의 가격은 ${shoesPrice}원입니다`) // console.log('이 신발의 가격은 ' + shoesPrice + '원입니다') 와 동일 [일치 연산자] == 과 ===의 차이 -> console.log(1 === "1") // false를 출력 console.log(1 == "1" // true를 출력 [조건문] if, else if, else --------------------------------- const shoesP..

자바스크립트 문법 강의를 수강한 첫 날이다. 자바스크립트 -> 자주 쓰이는 프로그램 언어 node.js -> 자바스크립트 언어의 문법에 맞게 코딩을 했을 때 컴퓨터가 이를 해석해서 처리할 수 있도록 해주는 일종의 전용번역기 [변수] let 변수이름 = 값 우리는 이걸 보통 "변수 를 선언했고 해당 변수에 을 할당했다" 고 얘기한다. const는 let과 달리 변수에 값을 재할당할 필요가 없을 때 쓴다. 해당 변수가 고정된 값을 계속 갖고 있을 때 쓰면 좋다 [데이터타입] number, string, boolean, null, undefined const brandName = 'Nike' const modelName = 'Air Jordan' console.log(brandName) console.log(..

이번주에 월요일에 개강을 하고 금요일까지 미니 프로젝트 과정을 겪었다. 팀이 전원 비전공자로 구성되었지만 웹개발에 대해 좀 더 알고 있는 지식이나 더 많이 경험 사람들이 작업하는 속도가 더 빠르다는 것을 느꼈다. 프로젝트 기간이라 금요일까지 쉽지않은 과정이어서 피로가 쌓였었다. 그래서 이번 주말은 휴식을 좀 취하면서 팀에서 만든 웹페이지를 만든 과정을 다시 생각하면서 복기를 했었다. 내일부터는 제공되는 수업을 들으면서 복습위주로 시간을 보낼 계획이다.

미니 프로젝트 발표가 있는 날이었다. 저희 팀이 만든 웹페이지이다. [html] DOCTYPE html> --> 메인페이지 안녕하세요 우리는 송1김4조입니다 :) 김유안 #울산거주 #비전공자 7조 김유안 입니다. 조장을 담당하고 있습니다. 김예슬 #디자인 담당 #고영사랑중 7조 김예슬 입니다. 메인 디자인과 방명록을 배너, 방명록 구현을 담당하고 있습니다. 김승우 #집돌이 #비전공자 7조 김승우입니다. 발표를 담당하고 있습니다. 김태욱 #구파발 대장 #불주먹 #딸깍 7조 김태욱입니다. 카드, 탭, 개인페이지를 담당하고 있습니다. 송원석 #막내 #서울거주 #비전공자 7조 송원석 입니다. 카드, 탭, 개인페이지를 담당하고 있습니다. 특징 목표 약속 프로젝트 소개 ✔️ 5명 모두가 비전공자입니다:) ✔️ 사전..

미니 프로젝트 메인 페이지 코드를 보면서 css 태그에 대해 찾아보면서 공부하였다. 생활코딩 CSS 강의를 들으면서 메인 페이지 코드를 따라 쳐보면서 웹페이지를 만들어 보았다. 송1김4 Hello I am SW 한 번 마음먹으면 끝까지 하는 사람. MBTI-ISFP 모험가 ( ISFP) 는 내성적 , 관찰 적 , 감정적 , 미래 지향적 성격을 가진 사람입니다 . 그들은 열린 마음, 접근하는 삶, 새로운 경험, 따뜻한 사람을 갖고 있는 경향이 있습니다. 순간에 머무르는 능력은 흥미로운 잠재력을 발견하는 데 도움이 됩니다. 객관적으로 살펴본 내 장점 꾸준하고 멘탈이 좋은 편이다. 문제가 생겼을 때 차분하게 해결하는 편이다. 협업을 하는 과정에서의 자신의 스타일 보통 팀에 방향에 따르고 자기 할 일을 맡아서 ..

팀원들끼리 메인페이지를 만들었다. 카드 모양으로 개인페이지로 넘어가게 하고 카드 쪽에 스크롤을 갖다대면 각 조원에 대해 설명이 올라오게 하는 기능을 이용했다. 탭 메뉴를 이용하여 팀의 특징, 목표, 약속, 프로젝트 소개하는 창을 만들고 배경은 필기 노트 양식으로 했다. [style.css] .header { margin-bottom: 80px; border: none; outline: none; } /* ---소개 --- */ .tabs { /* padding-bottom: 40px; */ background-color: #ffffff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); width: 100%; height: 600px; margin: 0 auto; margin-to..

팀 소개 메인페이지를 만들기로 했다. 팀별로 구역을 나눠서 만들기로 하였는데 나는 '방명록' 위 쪽 '프로젝트 소개 영역'을 맡기로 했다. 탭 메뉴를 이용하여 내용을 채우고 싶었고 구글링해서 이용할 수 있는 코드를 사용했다. .tab_menu{ position:relative; } .tab_menu .list{ overflow:hidden; } .tab_menu .list li{ float:left; margin-right:14px; } .tab_menu .list .btn{ font-size:13px; } .tab_menu .list .cont{ display:none; position:absolute; background:#555; color:#fff; text-align:center; width:2..