CSS

코드는 가장 아래에... 새로운 팀원들과 팀원들을 소개하는 미니프로젝트를 만들었다. 나의 담당은 POST 데이터를 등록하거나 댓글을 달 때 db에 저장해주는 기능이다. 데이터를 꺼내오는 GET기능이나 UPDATE, DELETE같은 다른기능들은 다른 분들이 맡아주시고 프론트 쪽도 한분이 맡아주셨다. 오늘은 OT다 GIT특강이다 서로 소개하고, 와이어 프레임, 역할분담 정신이 없었는데, 댓글등록 기능과 팀원을 추가하는 포스트기능을 만들었다. 화면에 프론트적으로 아직 나오게는 못 만들었지만 db에 착실이 쌓이는걸 확인했다. POST기능을 맡아서 해본건 처음이었지만 생각보다 간단했다. 큰 틀은 위와같은 모양새로 request로 받아오고 ▶︎ dictionary형태로 db에 저장 ▶︎ 완료시 메세지 출력. 의 모..

JavaScript는 다른 언어들의 문법들과 비슷한 느낌이다. 다른 언어들을 이미 배웠다면 많은 기본적인 문법이 비슷하다고 느낄것이다. 그러므로 JavaScript에서 사용할 수 있는 이벤트함수나 객체, 메서드 등 편하게 쓸수 있는 기능들을 알아보자. 이벤트 input type="button" on이벤트명 = ""와 같이 사용할 수 있다. 이벤트 종류 마우스 이벤트 click : 마우스 클릭 시 이벤트 발생 dbclick : 마우스 더블클릭 시 이벤트 발생 mouseover : 요소에 마우스를 오버했을 때(올라갔을 때) 이벤트 발생 mouseout : 요소에서 마우스가 아웃되었을 때(나갔을 때) 이벤트 발생 mousedown : 요소에서 마우스를 눌렀을 때 이벤트 발생 mouseup : 요소에서 마우스..

스파르타 해적단 웹트랙 Lv.2 3주차 개발일지이다. 이번주에는 내일배움캠프 신청도하고 약속도 있고 할일이 많았다. 그래서 3주차 강의를 조금 늦장부리다가 공부한 감이 있었는데, 이번주차 강의에서는 매우 흥미로운 내용을 다뤘다. 서버 API는 아예 건드리지 않고 프론트엔드 html파일만 건드렸는데, 그리드 시스템을 이용해 캘린더를 제작했다. 다른 언어로 코딩공부를 할때 달력을 만들어봤었는데, 윤월이나 여러 날짜공식 같은걸 내손으로 짜야해서 복잡하고 어려운게 많았다. 그런데 javascript로는 라이브러리 new Date()를 이용해 쉽게 필요한 값을 구할 수 있는게 매우 신선하고 편리했다. 이번주차에 완성한 캘린더!! 오늘의 할일 캘린더 Grid 원래 방식으로 flex-wrap을 이용하면 한줄한줄 몇개..

스파르타 웹개발 종합반을 듣고난뒤 웹 개발 실력을 더 늘리기 위해 해적단 수업을 신청했다. 웹트랙 Lv.1 개발반은 처음엔 웹개발 종합반에서 배운것을 더 사용해볼 수 있게 형성되어 있었다. 웹개발 종합반에서 배운걸 토대로 반응형 웹 페이지를 제작했다. 물론 크롤링을 이용해 웹사이트 정보를 긁어와서 만들기도 사용했다. 이전 만든것의 반복으로 HTML로 뼈대 잡기 -> CSS로 꾸미기 -> Javascript로 기능 넣기 -> Flask 서버 이용해 서버 연결하기 (Get, Post이용)를 익숙해지는 과정이었다. Lv.1단계에 맞는 과정답게 기본에 충실한 과정이었다. https://korean.visitseoul.net/exhibition 서울 가볼만한 전시회 및 공연 : 일정 및 정보 서울 전시회 정보...

스파르타 웹 수업 1주차 기록이다. 1주차는 html로 뼈대를 잡고 잡은 것들에 이름을 붙여서 꾸며주는 CSS를 배웠다. div, botton, p태그등 나눠 놓은 태그들에 이름을 붙여서 헤드에서 style을 입력해 만들어둔 코드 안에 .이름{ 꾸밀 내용 ex) color, background-color, border-radius 등 } 으로 테두리를 둥글게 하거나 글자색을 바꾸는 등 웹 화면을 꾸밀 수 있다. 버튼 입니다. 위 예시와 같이 class="이름"으로 이름을 정해주고 head의 style에서 .이름{}으로 지정해서 꾸며줄 수 있다. h1, h5, background-image, background-size, background-position color, width, height, borde..