웹개발

스파르타 해적단 웹트랙 Lv.2 4주차 개발일지다. 저번 수업에서는 그리드를 이용하여 캘린더를 만들고 Date라이브러리를 이용해 날짜세는 법, 칸을 누를때 강조효과 같은 것들을 만들었는데, 이제 그 뒤로 2주차에했던 해야할일을 데이터베이스에 추가하고 삭제하던 것들을 날자별로 연동하는 작업을 진행했다.+서버 아래는 완성된 작업물이다. 이번 수업내용은 내용이 복잡해진건지 사전캠프를 시작하고 자바를 공부하다와서 헷갈리는 건지 모르겠지만 이미 배운 내용이지만 3주차 내용보다 어려운 느낌이었다.(아마도 후자인듯하다...) 그렇기에 이렇게 개발일지를 쓰며 한번 더 공부하고 정리하는게 더욱 의미가 있다. 저번 수업은 html즉 프론트를 완성하는데 주력인 수업이었다면 이번주차 수업은 백엔드를 완성하는 서버에 관련한 수..
스파르타 해적단 웹트랙Lv.2 2주차 개발일지 이다. 이번 주차에서는 삭제(Delete), 수정(Update)기능을 배우고 추가했다. 2주차 완성 결과물 위 영상은 완성된 결과물이다. 수정, 추가, 삭제 기능이 정상적으로 동작하며, 체크하면 input박스안의 텍스트에 줄이 그어지는 기능도 수정 매커니즘을 이용해 구현해보았다. CRUD란? 더보기 등록(Create) 조회(Read) 수정(Update) 삭제(Delete) 데이터를 관리할 때 필요한 4가지 요소이다. 이번 수업을 들으면서 많이 달라진 부분이 있었는데, 웹종 초보반에서는 CRUD중 등록(C)와 조회(R)만 다루었었다. 하지만 해적단 Lv.2 수업에서는 수정(U)과 삭제(D)를 다루어 보았다는 점이다. 기본적 기능이지만 내가 만들려니 많이 어려웠..
해적단 수업 Lv2 수업을 시작했다. 수업 신청하고 1주동안 전에 SQL을 공부한다고 시작하지 못 하다가 한발 늦게 시작했다... 이번 1주차에 만들어 본것은 간단한 등록 조회기능이 가능한 투두리스트였다. 이전에 했던것들 복습이 많았으나 나에겐 지금 새로운 기능보다 복습이 더 좋은 공부가 됐던것같다.(역시 계속 해보는것 만큼 좋은 공부가 없....) html로 뼈대를 잡고 -> CSS로 꾸미고 -> javascript로 기능을 넣고 -> flask로 서버를 만들어 연결한다. -> mongoDB데이터베이스를 연결해 데이터를 관리한다. 위 과정으로 투두리스트를 진행했다. 이번에 배운것은 앞서 배운 웹트랙과 같았으나 Lv.2에선 CURD를 모두 해보고 캘린더 기능까지 결합된 TodoList를 만든다고하니 기대..
스파르타 웹개발 종합반을 듣고난뒤 웹 개발 실력을 더 늘리기 위해 해적단 수업을 신청했다. 웹트랙 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..
스파르타 웹개발 수업에 대한 첫 기록이다. 처음엔 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주차 공부를 시작했다.(오늘이 첫날..) 국비지원으로 신청한 웹개발종합반 수업은 온라인으로 진행된다. 온라인강의를 듣고 숙제를 하거나 실시간으로 튜터에게..
나모_
'웹개발' 태그의 글 목록