본문 바로가기

내일배움캠프_개발일지

(84)
팀 미니 프로젝트 "팀 소개 페이지 만들기" 결과물 정리. 이 문서에서는 고용노동부와 스파르타 코딩클럽이 함께 주최하는 내일배움캠프의 Node.js 트랙에서 막 코딩 공부를 시작한 A반 8조의 5명이 함께 만든 '팀 소개 프로젝트' 에 대한 결과물을 설명하겠습니다. 0. 소개 - 팀원 소개 - 당초의 목적과 마음가짐. 1. 프로젝트 소개 및 리뷰 - 프로젝트의 방향성, 컨셉 - 팀의 목표 - 레이아웃 2. 중요 기능 소개 - 코드를 보면서 리뷰 - 구체적으로 어떤 API 기능들이 구현되었는가 3. 종합 - 당초의 목적에 부합한 프로젝트가 만들어졌는가? - 느낀 점, 그리고무엇이 어려웠나 - 무엇을 해결하였고, 무엇을 해결하지 못했는가. 0. 팀원 소개. 안녕하십니까, Node.js 트랙 교육 과정 1주차를 수료 중인 A반 8조 입니다. 저희 팀은 다음과 같은 멤..
내일배움캠프_미니프로젝트_팀소개SA(Starting Assignments) 3일차 오늘은 로컬 환경에서 구축한 팀 소개 페이지에서 어떻게 방명록을 수정하는 지에 대해 알아보자. $.ajax({ type: "GET", url: "/minsoo/getList", data: {}, success: function (response) { let visitors_list = response['result'] for(let i=0; i
내일배움캠프_미니프로젝트_팀소개SA(Starting Assignments) 2일차 프로젝트 명 : 팀 소개 페이지 제작 사용하는 언어 : 파이썬, Html, css, JS 사용하는 패키지 : 파이썬-flask, mongoDB 여태까지는 하나의 프로젝트 당 하나의 Html(index.html) 을 랜더링 해 왔다. ---- @app.route('/') def home(): return render_template('index.html') ---- 왜냐하면 연습하는 과정에서 클라이언트와 서버가 어떻게 통신을 하며 어떻게 데이터를 주고 받는지 배워야 했기 때문이다. 허나 팀 소개 페이지 제작 프로젝트에서는 가장 처음 도메인으로 접속 시 보여주는 home 페이지와는 별도로 팀원들 개개인을 소개하는 페이지를 추가적으로 보여줘야 한다. 이름 : 이재관 취미 : 유튜브 감상 MBTI : INTJ ..
내일배움캠프_미니프로젝트_팀소개SA(Starting Assignments) 해당 페이지는 내일배움캠프 4기 node.js 과정 첫 주차 미니 프로젝트에 대한 소개를 내용으로 하고 있습니다. 1. 프로젝트 소개 해당 프로젝트는 node.js A반 8조팀, 그리고 해당 팀의 각각의 조원들을 소개하기 위해 만들어진 프로젝트 입니다. 저희 8조는 이번 프로젝트를 통해서 저희 8조가 어떠한 목적을 가지며 node.js 트랙을 수강하고 있는지에 대해 여러분께 알려드리고자 합니다. 구체적으로는 저희 8조의 비전과 각 팀원들을 소개해 드리며, 각 팀원들의 개인 소개 페이지에 방명록을 남길 수 있는 서비스를 제공하고자 합니다. 이 프로젝트의 명칭은 '잔고8조의 꿈'(추후 변경 가능) 입니다. 2. 기본 레이아웃 (와이어 프레임) '잔고8조의 꿈' 프로젝트는 크게 2종류의 페이지로 구성되어 있습..
스파르타 SQL 4주차 일지 엑셀 보다 쉬운 SQL 강의 4주차. 4주차에서는, 보다 더 복잡하고 정교하게 쿼리문을 구성할 수 있도록 도와주는 Subquery 를 배워볼거야. 다음으로 그러한 subquery 를 좀 더 간결하게 보일 수 있도록 하는 with 구문에 대해서도 배워볼거야. 마지막으로, 지저분하고 복잡한 데이터들의 문자열을 한 번에 정리하거나, 조건에 따라 데이터를 구분하는 등 직관성있는 데이터로 가공시킬 수 있는 방법도 배워볼거야. 추가로, case when 이라는 조건문도 배워볼거야. 먼저, Subquery에 대해서 알아가보자. —— select u.user_id, u.name, u.email from users u inner join orders o on u.user_id = o.user_id where o.paym..
스파르타 SQL 3주차 일지 엑셀보다 쉬운 SQL 강의 3주차. 3주차에서는 테이블과 테이블을 이어주는 join 에 대해서 배워보자. 실무에서 굉장히 자주 쓰이는 문법. 우선, join의 종류에는 Left join 과 inner join, 두 가지가 있어. * outer join 이란 것도 있긴 한데, 거의 안 쓰이는 기능. Left join —— select * from users u left join point_users p on u.user_id = p.user_id —— => users 테이블의 데이터를 불러올거다, 근데 옆에 point_users 테이블의 데이터들도 같이 불러오고 싶다. users 테이블의 user_id 필드와 point_users 테이블의 user_id 필드의 값이 같은 것을 기준으로, users 테이블을..
스파르타 SQL 2주차 일지 엑셀보다 쉬운 SQL 강의 2주차. - 2주차에서는 통계를 다루는 방법과 원하는 범주의 데이터를 묶어주는 방법, 그리고 깔끔하게 데이터를 정렬하는 방법을 배울거야. Group by. => 동일한 범주를 갖는 데이터를 하나로 묶어서, 범주별 통계를 내주는 기능을 함. 즉 특정 필드를 정하고, 그 필드의 값이 같은 것들끼리 묶어주는 거야. 예를 들어서, —— select name, count(*) from users group by name —— => name 을 기준으로 group by를 할거야. 근데 그렇게 하면 각 성이 종류별로 한 개씩만 도출돼. 해당 테이블의 데이터 갯수는 총 498개, 성 종류는 54개야. 그러면 각 성별로 데이터가 하나씩 나와서 총 54개의 데이터가 완성. 허나 이건 그냥 각 성..
스파르타 SQL 1주차 일지 1주차 개발일지. 1주차에서는 데이터베이스 (해당 교육과정에서는 MySql 과 DBeaver 에디터를 사용한다) 가 기본적으로 어떤 모양을 하고 있는지, SQL 문법은 왜 필요한지, 그리고 기본적으로 어떻게 쓰이는지를 배운다. DBeaver 에서 ‘새 데이터베이스 연결’ 기능을 사용, 스타르타가 교육용으로 제공하는 서버 호스트에서 데이터베이트를 연결받아 사용한다. 데이터베이스의 이름은 sparta. *** DBeaver 에서 SQL 실행은 control + enter 기본적으로 SQL에서 사용되는 문법의 이름을 쿼리(query)문이라 하는데, 쿼리란 질의를 의미한다. 즉 쿼리문은 데이터베이스에 명령을 내리는 역할이며, ‘select 쿼리문’ 이라 함은 데이터베이스에서 데이터를 선택해 가져오겠다는 뜻이다...
웹개발 종합반 5주차 일지 5주차. 5주차는 마지막으로 버킷리스트 프로젝트를 만들면서 복습을 한 번 더 해보고, 숙제로 만들었던 팬명록을 클라우드 환경에 배포해볼 예정. 배포된 url 에 태그를 넣어서, 공유했을 때도 깔끔하게 미리보기로 보이도록 작업해볼 거야. —설치해야 할 것들— FileZilla. —가입해야 하 것들— 가비아. 가입해서 도메인을 구입해야 함. Filezilla란? - 클라우드 환경에다가 우리가 작업한 url을 업로드 할거야. 쉽게 얘기하면, 파일 질라는 클라우드에 쉽게 파일을 보낼 수 있도록 도와주는 프로그램. —— https://filezilla-project.org/download.php => 파일질라 다운로드 링크 —— => download FileZilla client 클릭하고 가장 왼쪽 것을 다운로드..
웹개발 종합반 4주차 일지 —————————————————————————————————————————————————————————————————————— 4주차 강의. 파이썬을 기반으로 한 마이크로 웹 프레임워크 “flask” 를 사용하여 파이썬 서버(백엔드) 구축해보기. 폴더 : sparta -> projects => 파이썬 로컬 개발 환경 연습. 내 컴퓨터에 서버를 설치하고 실행하여 나 혼자 접속해보는 환경. 물론 몽고DB는 아틀라스에서 빌려오는 거지만. Projects - prac 새 프로젝트 생성. 파이참 실행 -> 상단 메뉴 ‘파일’ -> 새 프로젝트 -> 최상단 위치(L) 는 sparta - projects - prac -> 두 번째 위치 경로 마지막에 ‘vena’ 설정되어 있는지 확인 -> 기본 인터프리터는 파이썬 버..