전체 글에 해당하는 글 350

[스파르타코딩온라인] 개인프로젝트

IT/Web Programming|2020. 7. 12. 23:22

 스파르타 코딩 온라인 8주 차를 완료하였다.

처음 5주는 기본 HTML , CSS , Javascript 등을 배우고

나머지 3주 동안 개인 프로젝트를 진행했다.

 

 

8주 동안 고생해서 만든 프로젝트  " SKY선생님 English Book" 웹사이트.

 

http://skyssam.com/

 

Sky쌤 | English Book

영어책읽고 퀴즈도 보자

skyssam.com

내가 옛날에 영어학원 (영어 도서관)에서 일을 했었다.  학생들이 영어 책을 읽고 책 내용/단어에 대한 퀴즈를 풀고

영문 독후감상문을 쓰고  책 내용에 관해서 영어로 가벼운 토론 /Story telling을 했다.

 

요즘 시기가 시기인만큼 영어 도서관에 가는 학생들도 수가 줄었다고 들었다.

또한 영어도서관이 도시 쪽에만 집중적으로 있어서 다른 지역에는 없다고 들어서 온라인으로나마 혼자서

영어책을 읽고 책 내용을 부모님과 함께 체크해볼 수 있었으면 하는 마음으로 웹사이트를 만들게 되었다.

 

 

프로젝트 녹화 영상:  (맨 밑에)

2. 취지 & 설명

 

초등학생 /중학생의 자녀가 있는 집에는 영어책이 많다고 들었다. (아니어도 근처 시 도서관에서 대여 가능)

영어책을 읽고 영어책을 이해를 했는지 확인을 할 수 있는 도구로서 퀴즈를 풀 수 있는 웹사이트 구현이 목표

 

 

3. 기술 설명: 

 

처음에 퀴즈 function을 만들기 위해 정말 검색도 많이 해보고 삽질도 많이 했지만 아직 실력이 부족해서 원하는 퀄리티를 못 만들었다.   

그래서 일단 할 수 있는 것 중에 내가 완벽히 할 수 있는 것들로 기본 HTML , CSS , Flask를 이용해서 만들었다.

MongoDB 등 다른 것들도 사용하고 싶었지만 앞으로 조금씩 추가 개발하는 걸로....

 

4. 어려웠던 점 & 극복 방법:  

일단 기본적으로 개발 시간이 많이 부족했다. 퇴근하고 집에 와서 9시부터 시작해서 12시까지 매일 하려고 노력했다.  

 

내가 생각했던 퀴즈는 로그인해서 자신의 어떤 책의 퀴즈를 몇 점을 맞았는지 확인 가능한 것을 목표로 두었지 만 로그인부터 너무 힘들었고

자바스크립트들도 나한테 너무 어려워서 좀 더 배우면서 업그레이드해야 할 것 같다. 현재 퀴즈는 그냥 자신이 체크 한 답이 맞는지 틀렸는지 가능한 정도이다.

 

강의 때 튜터님이 하신 말씀이 있었는데, 시험 앞 페이지만 풀다가 뒤에를 못 푸는 상황이 생길 수 있으니 너무 CSS에 시간을 너무 많이 쓰지 말자라는 말이 있었는데, 이번에 만들면서 정말 공감했다. 

 

PAGE3 개정도를 만드는데 정말 일주일이 정말 빨리 지나갓다. 그리고 아무리 이쁘게 만들려고 해도 생각하는 것만큼 이쁘게 나오지 않아서 속상했다.

 

Codepen 같은 웹사이트에서 다른 사람이 올리 것들도 써보고 혼합도 해보고 이것저것 많이 하면서 최대한 이쁘게 꾸며보았다.

 

 Ajax,  스크롤링 , mongodb 등  사용하고 싶었지만 이번 프로젝트에 딱히 쓸 일이 없었고 아직 내가 익숙지 않아서 못쓴 것 같다.

이 부분들도 앞으로 나올 업데이트에 계속 반영하면서 사용해보고 싶다. 

 

 

 

 

5.8주간의 코딩 첫걸음 후기:

 

 

다른 분들의 프로젝트들을 구경했는데 정말 잘 만드신 분들이 많다. 왠지 내 프로젝트가 좀 초라할 정도 ㅋㅋ

그래도 내가 만들어보고 싶었던 퀴즈 웹사이트 (기본)이지만 앞으로 개발을 더해나갈 수 있도록 계속 업데이트해야겠다

 

 

이번이 처음 코딩을 접하는 계기는 아니어서 그런지,  코딩이라는 게 계속해보면 해볼수록 재미있는 것 같다.

기본적인 것들을 이렇게 배우면서 웹 프로그래밍에 세계를 조금 알아가는 것 같다

아직 배우고 싶은 게 많다.  React , Node, Javascript  할게 많지만 밑에서부터 한 단계식 차근차근 배우고 싶다.

매일 새벽마다 질문 올리면 최대한 빨리 답장을 주신 튜터님들께 감사하다.

 

 

6. 앞으로 Skyssam.com 개발 목표

    1. 퀴즈 5문제 풀고 result 출력하는 화면으로 javascript로 바꾸기

    2. 지금 홈페이지가 컴퓨터에서만 이쁘게 나와서  다른 모바일 기기 친화적으로 바꾸기

    3. 로그인 / 개인 퀴즈 결과들 모아서 볼 수 있게 바꾸기

 

 

 

7. 스파르타 코딩 이벤트

 

아래와 같이 할인 코드를 입력하면 할인받을 수 있음.

얼리버드 할인 30% 받을 수 있음

추천인 번호에 01094220170 쓰면 5만 원 할인받을 수 있음

 

 

 

 

 

 

 

 

 

 

 

 

 


 

반응형

댓글()