HTML

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

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

HTML태그 : 디자인만을 위해 태어난 기본태그 display: block형태를 띄고있다. : 디자인만을 위해 태어난 기본태그 display: inline형태를 띄고있다. : 줄바꿈 다른 태그들과 달리 짝이 없이 혼자 사용할 수 있다. : 문단과 문단을 나눠주는 태그.paragraph(문단)의 약자 ~ : 제목을 나타내는 태그 숫자가 줄어들수록 중요하고 커짐. : list의 약자. 정보를 한줄한줄 순서대로 표현. : unOrdered list의 약자. 리스트 태그의 부모태그 번호를 붙이지 않음. : ordered list의 약자. 리스트 태그의 부모태그 번호를 붙여준다. : 검색엔진에 제목을 알려준다. 제목을 설정해주는 태그. : body태그(본문)을 설명해주는 태그. : 본문은 모두 이 body태그 내..

스파르타 해적단 웹트랙 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 서울 가볼만한 전시회 및 공연 : 일정 및 정보 서울 전시회 정보...

스파르타 웹 수업 2주차 기록이다. 2주차에는 뼈대를 잡고 꾸며준 코드를 움직이게 하고 서버와 통신을 하는 기초 방법에 대해 배웠다. 크게는 JavaScript와 JQuery, Fetch에 대해 배웠는데 JavaScript는 기초문법 정도만 배웠다. -JavaScript console.log 영화 기록하기//버튼을 누를 때 함수 실행 -JQuery jquery는 javaScript로 불편하게 써야했던 코드를 누군가 만들어둔 라이브러리를 이용해서 더 편하게 쓰기위해 사용한다. 그래서 라이브러리를 항상 임포트해줘야 하는데 다음 사이트에서 임포트 할 코드를 가져와 html코드의 부분에 붙여넣으면 임포트가 된다. https://www.w3schools.com/jquery/jquery_get_started.asp..

스파르타 웹개발 수업에 대한 첫 기록이다. 처음엔 VSCode를 다운받아서 개발을 시작했다. 윈도우용 VSCode : https://update.code.visualstudio.com/1.73.1/win32-x64-user/stable MacOS용 VSCode : https://update.code.visualstudio.com/1.73.1/darwin/stable MacOS 실리콘칩 : https://update.code.visualstudio.com/1.73.1/darwin-arm64/stable 첫 수업 시작은 월요일이었지만 설 연휴가 겹쳐 늦게 1주차 공부를 시작했다.(오늘이 첫날..) 국비지원으로 신청한 웹개발종합반 수업은 온라인으로 진행된다. 온라인강의를 듣고 숙제를 하거나 실시간으로 튜터에게..