[개발 공부 11일차] 개인 프로젝트 난관과 해결책

 

 

오늘이 개인 프로젝트 1차 제출일이다.

어찌저찌 제출은 했는데 사실 팀원 클론코딩한 부분이 많고, 모르는 부분은 다른 분이 코드를 아예 짜주셔서 아주 그냥 큰일났다. 영화 open API를 가져와서 인기 영화 콜렉션 사이트를 만드는 건데, 심지어 ㅋㅋㅋㅋㅋㅋㅋ 영화 제목으로 검색할 수 있는 기능 구현조차 튜터님의 힘을 빌려서 코드를 작성했다. 대한심,,, 진짜 현타가 너무 왔다. 강의를 분명 들었는데 내 공부법이 잘못 됐음 + 노력 부족이 여실히 드러나는 날의 연속이다.

 

 

< 목차 >

1. JavaScript 난관과 해결책

2. 진행 상황

3. 내일까지 해야 할 일

 

 

1. JavaScript 난관과 해결책

JavaScript 3주차 중반부터는 이해가 안 되는데 일단 강의만 쭉 들었다. 그리고 코드를 모두 따라 작성해보았다. 근데 그 시간에 그냥 빠르게 2번 듣는 게 나았을 것 같단 생각이 든다. 이번 주말까지 강의도 듣고 개인 프로젝트 코드를 어떻게 짜야할지 고민해봤는데, 어떻게 짜야 할지 도저히 답이 안 나왔다. 내가 그냥 풀어진 것도 있고, 지금까지 강의 듣고 공부한 방식이 옳은 코딩 공부 방향과는 완전 틀렸나 보다.

 

 

1) 적용해야 하는 코드 메서드 및 함수 위주 공부 (구글링, 튜터님께 질문)

그래서 오늘은 당장 과제(개인 프로젝트)에 사용해야 하는 코드 메서드 위주로 공부하고 있다.  강의를 들어도 이해가 안 가니 일단 들어가는 메서드를 다른 팀원 분들에게 여쭤봐서 그 내용 위주로 공부하다가 구글링해서 다른 방식이 있으면 일단 좀 코드 사용 방식을 들여야 보았다. 

 

 

2) 기능 구현을 어떻게 할 건지 로직을 수기로 작성 (* 해야 할 일을 최대한 잘게 쪼개서 작성하기)

(1) 어떤 절차로 구현할 것인지 작성

    ex. open API 코드를 가져와서 VS 코드에 붙여서 연동 작업을 시작한다. → 함수 사용하여 데이터 지정해서 가져온다.

 

 

(2) 무슨 메서드와 함수를 써서 코딩할 것인지 작성

    ex.  함수 사용해서 데이터 가져오기 (fetch / .then / getElementById)

 

(3) 스몰 스텝에 맞춰서 하나씩 구현해 보며 값이 잘 들어오는지 console.log();를 통해 확인

 

(4) 사용해야 하는데 막히는 메서드는 바로바로 사용법을 구글링해서 코드에 접목

: 다른 코드 문서 만들어서 실험 한 번씩 해보는 게 좋고, 구글링 실력이 좋을수록 원하는 정보 찾기가 좋고 코딩 효율성이 좋아짐

 

 

 

2. 진행 상황

일단 튜터님들께 여쭤봐서

1) 오픈 API 연결

2) 영화 id alert창 띄우기

3) 검색 기능

까지 모두 구현이 됐고, 과제는 시간 관계상 2번까지 한 것 제출했다.

 

튜터님 도움으로 코드 짠 거라 사실 이 코드가 튜터님 코드니까 내가 다시 짜기로 했다. 더한 강제성을 부여하기 위해 튜터님들 두 분께 내일 튜터님들 퇴근시간 전인 18시까지 해서 찾아뵙기로 했다. 오늘 밤새우는 한이 있더라도 무조건 끝내야 한다.

 

 

 

3. 내일까지 해야 할 일

오늘은 바로 위에서 적은 것처럼 밤새우는 한이 있더라도 내 손으로 1) 오픈 API 연결, 2) 영화 id alert창 띄우기, 3) 검색 기능을 모두 구현할 것이다. 이걸 뚫어내지 못하면 앞으로 다음 챕터, 프로젝트는 난이도가 더욱 높아지니 모래성처럼 무너지겠다 싶다. 무조건 내일까지 이 기능 3개 마스터 하고 튜터님들께 찾아가서 브리핑하고 수요일부터 있을 팀 프로젝트에 집중해야겠다. 나에게 쪽팔리지 않으려면 열심히 하자!!!! 아니 열심히보단 빨리, 잘해야 한다 파이팅!