ksw_devlog

자바스크립트 문법 강의를 수강한 첫 날이다. 자바스크립트 -> 자주 쓰이는 프로그램 언어 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..

오티를 들은 후, 팀원들과 미니 프로젝트 회의를 하였다. 팀 프로젝트 주제는 팀 소개 웹페이지 캐러셀을 이용하여 슬라이더 배너를 만들고 -> 배너 화면을 클릭하면 해당 위치로 이동 부트스트랩에서 카드를 이용하여 팀원별 개인페이지 링크를 설정해놓았다. 하단 부분에는 방명록 api 사용 역할분담은 아직 정하지 않았고 다음 날 부터 각자 만들어보고 의견을 공유해보기로 했다.

1. jQuery : HTML의 요소들을 조작하는, 편리한 Javascript를 미리 작성해둔 것. 라이브러리! - jQuery 사용방법 css와 마찬가지로, jQuery를 쓸 때에도 "가리켜야" → 조작할 수 있습니다. 예) 특정 인풋박스의 값을 → 가져와줘! 예) 특정 div를 → 안보이게 해줘! css에서는 선택자로 class를 썼지요? jQuery에서는 id 값을 통해 특정 버튼/인풋박스/div/.. 등을 가리키게 됩니다. $('#url').val() // val : 값 가져오기 $('#post-box').hide() / $('#post-box').show() -> 보이기, 숨기기 태그 내 html 입력하기 : 예) let temp_html = `나는 추가될 버튼이다!`; * ` ` -> back..