스파르타 해적단 웹트랙 Lv.2 3주차 개발일지이다. 이번주에는 내일배움캠프 신청도하고 약속도 있고 할일이 많았다. 그래서 3주차 강의를 조금 늦장부리다가 공부한 감이 있었는데, 이번주차 강의에서는 매우 흥미로운 내용을 다뤘다. 서버 API는 아예 건드리지 않고 프론트엔드 html파일만 건드렸는데, 그리드 시스템을 이용해 캘린더를 제작했다. 다른 언어로 코딩공부를 할때 달력을 만들어봤었는데, 윤월이나 여러 날짜공식 같은걸 내손으로 짜야해서 복잡하고 어려운게 많았다. 그런데 javascript로는 라이브러리 new Date()를 이용해 쉽게 필요한 값을 구할 수 있는게 매우 신선하고 편리했다. 이번주차에 완성한 캘린더!! 오늘의 할일 캘린더 Grid 원래 방식으로 flex-wrap을 이용하면 한줄한줄 몇개..
분류 전체보기
스파르타 해적단 웹트랙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를 만든다고하니 기대..
이번엔 2월말부터 한달동안 SQL강의를 수강했었는데요. 앞선 웹개발 종합반보다는 한주 짧은 4주의 강의 기간을 가지고 있었습니다. 국비지원으로 100%수강이 가능하기 때문에 모두 무료로 수강했는데, 국비지원 강의 치고는 커리큘럼이 쉽고 탄탄하게 짜여있었던것 같습니다. 우선 SQL수업은 관계형 데이터베이스를 관리하는 언어를 다루는 법 을 배우게 됩니다. 관계형 데이터베이스는 정보를 표 형식으로 저장한다고 생각하시면 되는데 엑셀시트 표를 생각하시면 편하고 개발 유경험자는 dictionary를 생각하시면 편할것 같습니다. 기능이 크게 CRUD C (Create): 데이터의 생성을 의미 R (Read): 저장된 데이터를 읽어오는 것을 의미 U (Update): 저장된 데이터를 변경 D (Delete): 저장된..
스파르타 SQL 4주차 개발일지다. 4주차에는 SQL에 어려움을 많이 느꼈다 새로운 문법 사용방식이나 복잡한 문법사용이 많이 나왔던것 같다. SubQuery subquery란 쿼리안의 쿼리로 원하는 세분화된 결과를 더욱 쉽게 얻어보기 위해 쓸 수 있다. select u.user_id, u.name, u.email from users u where u.user_id in ( select user_id from orders where payment_method = 'kakaopay' ) 위와같이 where 필드명 in()를 이용해 내부에 원하는 쿼리를 작성해 더 세부적으로 찾아볼 수 있다. where, select, from 서브쿼리는 세가지 절에서 모두 사용될 수 있다. where =============..
3주차에는 데이터를 연결하고 더 복잡한 쿼리를 사용해 데이터를 찾는 능력을 키우는 수업이었다. 데이터를 연결하는 방법은 join코드를 이용해 서로 다른 테이블을 공통된 Key값을 이용해 연결해 하나의 테이블 처럼 보이게한다. join은 이해 했지만 쿼리가 점점 복잡해지니 조금 헷갈렸던것 같기도 하다. 1. Inner Join inner join은 쉽게 설명하면 교집합을 의미한다. 연결하는 양쪽 테이블에 모두 가지고 있는 데이터만 출력한다. 즉 비어있는 데이터(NULL)는 출력되지 않는다. 위는 inner join을 알기쉽게 사진으로 설명한 것 inner join 코드↓↓↓ select * from users u inner join point_users p on u.user_id = p.user_id; 1..
스파르타 해적단 웹트랙Lv.1 2주차 강의다. 이전 1주차와 마찬가지로 이번엔 배포까지 웹종반에서 했던걸 반복숙달하는 과제였다. 1주차에 만든걸 CSS로 꾸미고-> javascript로 반응하게 하고-> Amazon Elastic Beanstalk로 배포하는 과정을 담았다. 이전 강의와 같았지만 좀 더 팁이나 새로운걸 배운 부분을 쓰자면 CSS css로 꾸밀 때 로컬 호스트 개발자 환경에서 꾸며주며 테스트 해본뒤 style 코드만 복사해서 가져와서 쓰는 모습을 볼 수 있었다. 아주 편하고 효율적인 방법이라 생각했다. javascript javascript에서 흥미로웠던 내용은 javascript가 맞는가 싶지만 코드를 이용해 모바일이나 태블릿 환경 반응에 대응하도록 코드를 짤 수 있다는 사실이었다. @m..
스파르타 웹개발 종합반을 듣고난뒤 웹 개발 실력을 더 늘리기 위해 해적단 수업을 신청했다. 웹트랙 Lv.1 개발반은 처음엔 웹개발 종합반에서 배운것을 더 사용해볼 수 있게 형성되어 있었다. 웹개발 종합반에서 배운걸 토대로 반응형 웹 페이지를 제작했다. 물론 크롤링을 이용해 웹사이트 정보를 긁어와서 만들기도 사용했다. 이전 만든것의 반복으로 HTML로 뼈대 잡기 -> CSS로 꾸미기 -> Javascript로 기능 넣기 -> Flask 서버 이용해 서버 연결하기 (Get, Post이용)를 익숙해지는 과정이었다. Lv.1단계에 맞는 과정답게 기본에 충실한 과정이었다. https://korean.visitseoul.net/exhibition 서울 가볼만한 전시회 및 공연 : 일정 및 정보 서울 전시회 정보...
