🌿21.12.20~26 WIL(2)

FACTS

✔️자료구조, 알고리즘 강의 2주차 완료!

✔️파이썬 프로젝트 1~3
1. 업다운 게임 만들기
2. 배스킨라빈스 31 게임 만들기
3. 턴제 RPG 게임 만들기

✔️웹 프로젝트 1~2 완성
1. (구)카카오톡 프로필 화면 만들기
2. 인스타 모바일 화면 만들기

✔️웹 프로젝트 3 ~ing

• 인스타 데스크탑 화면 만들기

✔️파이썬 문법 정리 완료 (클래스 부분 제외)

✔️깃허브 공부 및 파이참과 연동

FEELINGS

• 지난 일주일동안 열심히 강의를 듣고 주말을 영화보고 밀린 넷플릭스 보면서 그동안 쌓였던 피로를 풀고 2주차가 시작되었다.
  첫날엔 파이썬으로하는 업다운 게임 과제가 있었다.
  처음엔 내 힘으로 열심히 코드를 짜보았는데 계속 숫자를 이상하게 내보내는 것이었다. 그렇게 계속 해보다 안돼서 구글 검색을 활용해서 참고후 나름 나만의 방법으로 코딩을 하였다.
  참고한 코드는 내 코드와 비슷하면서도 훨씬 간단하기도 하였다. 이렇게 간단한 건데도 완벽하게 하지 못했던 나에게 자괴감이 많이 들었다ㅜㅜ
  지난주와 마찬가지로 앞으로 더 노력해서 성장해야겠다는 생각을 하였다...
  그렇게 파이썬게임 과제가 끝나고 해설을 듣고 자료구조, 알고리즘 강의의 나머지를 다 들었고 강의의 과제만 남겨두었다. 과제를 해보다 도저히 머리가 안돌아가서 내일로 미뤄두었다...ㅎ
  두번째과제는 나름 쉬웠었다. 그냥 31게임은 쉽게 만들어졌지만 문제는 컴퓨터가 무조건 이기게 하는 것이었다.
  여러 사람들이 공식에 대해 알려주셨지만 그 공식을 어떻게 코드에 적용해야할지 엄청 고민했던것 같다. 나는 무조건 30을 컴퓨터가 말하게 하는 코드로 짰고 그 코드는 거의 사용자가 먼저 시작하게되면 이기는 경우가 많았다.
  그러고 튜터님의 솔루션을 분석하면서 다시 공부를 하였다.
  마지막 파이썬 과제인 RPG게임은 오히려 순조롭게 진행되었다. 하나하나 짜는데 시간은 오래걸렸지만 이번에는 구글의 도움을 클래스 문법 관련해서만 도움을 받고 나머지는 스스로 짜서 완성시킨 것이다. 너무 뿌듯했고 혹시 작동은 잘 되는데 코드가 잘 짜여진건지 궁금해서 튜터님에게 검사도 받아봤다! 괜찮다는 답을 들었고 기분이 좋았다. 이 성취한 느낌이 코딩을 하는 이유기도 하다!
  나머지 웹 프로젝트에 관해서는 밑의 findings에서..
  저번에도 너무 길게 썼다고 생각했는데 프로젝트를 하다보니 할 말이 많아졌다.

FINDINGS

• 개인 파이썬 프로젝트
  -이번 주차는 강의로 공부한 것보다 실질적으로 직접 코드를 짜보는 실습개념의 시간이었다.
  여러 조건에 맞는 코딩을 하다보니 논리력이 많이 중요하다고 생각되었고 나에게는 그게 부족하다는 생각을 하게 되었다. 수학과 전공이라는 것이 부끄럽게 느껴졌다.
  그리고 클래스라는 개념을 학교다닐때도 그렇게 깊게 들어가지 않았던것 같다. 그런데 이번에 클래스관련 과제를 하면서 클래스의 구조에 대해 다시 한번 공부하고 상속 이라는 개념도 공부하게 되었다.
  더 복잡한 경우를 해보면 다르겠지만 나름 클래스를 이용하는 코딩이 나한테 그나마 나았다.
  그리고 파이썬에서 나에게 가장 보완해야 할 점은 (논리력은 당연히 포함이지만) 생각을 좀더 깊이 할 필요가 있는것 같다.
  코드를 짤때 그냥 대충 머리로 구상하고 바로 코딩으로 들어가는 경향이 있다. 그러다보니 체계적으로 짜여있지 않고 결과가 제대로 나오지 않아서 고치는데도 어려움을 겪는다. 나의 논리력과 코딩능력이 좋아지기 전까진 더 꼼꼼히 구상해 나가는 연습을 해야겠다.

• 웹 프로젝트
  -파이선 과제가 끝나자 마자 프론트엔드로 넘어와서 가물가물해졌던 html을 다시 각성시키게 되었다.
  처음 카카오톡 프로필화면 만들기를 할때 position: absolute 라는 기능을 처음 사용해보았고 결과는 실패였다.
  프로필 사진을 가운데 고정시켜 놓으려고 했지만 화면에 따라 왔다갔다 위치가 바뀌는 것이었다. 또한 카카오톡 프로필 화면의 아이콘들을 버튼형태로 넣고 싶어 엄청난 시간을 쏟았지만 사진이 계속 안보이는 현상이 나타나고 시간이 모자라 결국에는 그냥 사진으로 대체해 버렸다. 그 부분들을 아직 해결하지 못하고 바로 두번째 프로젝트로 넘어갔는데 인스타 화면만들기는 나름 성공적이었다.
  아이유를 테마로 하였고 처음 헤더와 푸터를 고정시켰을때 그 안의 고정되지 않은 부분이 잘리는 현상이 나타났고 해결책은 margin을 이용하는 것이었다. 그리고 미디어쿼리를 이용하는 부분은 처음엔 이해를 잘 못해서 헤매었지만 성공적으로 진행되었다. 나머지는 디테일을 잡다보니 시간을 많이 쏟았고 인스타 스토리부분의 테두리를 할 시간조차 없이 제출하였다.
  그 뒤로 과제를 제출하고 3번째 과제가 2번째 과제를 응용하는 것이어서 일단은 과제를 진행하기 전에 완성도를 높이기 위해 작업을 했는데, 프로필 사진이나 스토리사진들의 크기를 %로 지정했었는데 크기를 고정하고 싶어서 vh,vw로 단위를 바꿔주었고 스토리의 테두리에 색깔을 넣었다.(튜터님 코드 참고)
  그리고 크리스마스를 기념하며 화면에 눈을 내리게 하는 코드를 찾아넣었다. 그러나 눈이 상단에만 고정되어 있어서 'position:absolute'를 적용해 스크롤을 내려도 화면에 계속 눈이 내리게 하였다.
  프론트엔드쪽에서의 나의 장점은 디테일을 중요시해서 완성도를 높이려는 점이지만 단점은 그로인해 시간이 오래걸리고 아직 잘 몰라 모든 요소들을 div에 집어넣고 다 클래스를 매기는 것이다. 좀더 효율적으로 요소들을 묶고 활용하는 방법을 좀더 다양한 실습들을 통해 배워가야 할것이다.

• 깃
  -이번 실시간 강의로 깃에 대해 이해하고 간단히 commit하고 PR하는 법, fork해서 다른사람의 코드를 퍼가는법을 배웠다. 예전에 학교 졸업작품 업로드를 위해 사용해본 적은 있지만 그때는 큰 용량의 파일들을 내 노트북에서 바로 업로드하는 방식만 딱 알고 올리기만 한 상태였다. 이번 줌 강의로 간단한 사용방법을 익혔고 팀원분들중 한분이 내가 짠 웹프로젝트들을 링크로 만들어 바로 결과를 볼수 있도록 하는 방법을 알려주셨고 파이참이랑 연동하는 방법도 배우게 되었다. 덕분에 쉽게 깃허브를 관리할 수 있게 되었다.
  그날 배운것들로 예전에 친구계정으로 협업했던 repository를 fork를 이용해 내계정에 넣어놨고 나중에 나의 포트폴리오가 될 깃허브를 깔끔하게 정리할 수 있었다.

FUTURES

• 이번에 실습을 한 경험으로 더 수준높은 파이썬 코딩을 해낼 수 있고 나만의 웹페이지를 고퀄리티로 구현할수 있기를 바란다. 그리고 점점 더 나에게 더 잘맞는 부분은 무엇인지, 부족한 부분은 무엇인지 알아가서 더 최적화할 부분을 찾아서 능력을 향상시키기를 바란다.

응원의 한마디!

이번주도 수고했고 더 성장할 미래를 응원한다!