본문 바로가기

회고록(TIL&WIL)

TIL 2022.05.02 인스타그램 클론 코딩 - 3 (KPT 회고, 미디어쿼리) 금요일과 주말간에 완료해뒀던 필수사항 부분들에 대해서 CSS 코드들을 정리해서 css 파일로 코드를 최대한 옮기는 리팩토링을 진행했으며 추가 구현 사항으로 미디어 쿼리를 이용하여 반응형 웹을 만드는 것과 게시글 내용이 일정 글자 수를 초과하게 되면 생략되고 더보기 버튼을 만드는 기능을 추가했다. 추가 구현 부분을 더 하고 싶었지만 반응형 웹을 만들기 위한 미디어쿼리를 이해하는데 꽤나 시간이 들었고 기존에 만들어 져있던 섹션들이 position : fixed 하게 되면서 바뀌는 모양들을 다시금 바로 잡고 조정하느라 꽤나 골치를 앓았다. 검색을 통해서 다양한 코드들을 시험해보는 것은 좋은 것 같지만 확실하게 분석하고 이해를 한다는 가정하에 집어넣어서 사용할 수 있게 되는 것 같다. 그래서 하나씩 넣어보면서 .. 더보기
TIL & WIL 2022.04.29 인스타그램 클론코딩 - 2 오늘은 어제 이어 클론코딩을 진행했다. 어제처럼 두개를 같이 병행하다가 유튜브 영상들을 보니 그 클론코딩하는 개발자도 직접 인터넷에 검색해보면서 하는 것을 보고 '아 저렇게 검색을 하는 것도 공부겠구나'라는 생각이 들어서 그 뒤부턴 아예 유튜브나 다른 레퍼런스는 다끄고 직접 어떤 것을 구현할지 생각하고 어떤 태그를 써야 만들 수 있을지는 검색을 통해서 정보를 얻고 직접 하나씩 입력해보면서 작업을 하니 확실히 자주 쓰는 태그라던가 이렇게 검색하니 나오네 같은 느낌으로 많은 것을 공부할 수 있는 좋은 방법이라고 생각된다. 앞서 했던 pygame에 비해서는 html이기때문에 쉽게쉽게 여러 태그 입력해볼 수 도 있었고 모양도 재깍재깍 나와서 확실히 프론트엔드에 대해서 착실하게 익혀나가는 느낌이다. 오늘은 일단 .. 더보기
TIL 2022.04.28 인스타그램 클론코딩 - 1 오늘부터는 데스크탑화면에서의 인스타그램 클론코딩을 시작하였다. 이번 기회에 프론트엔드를 한번 제대로 해보면서 자주 쓰이는 태그들이나 부트스트랩 사용, 프론트엔드 작업 시 도움되는 이미지 사이트 같은 것등을 파악 해둬서 북마크에 지정하든 추후에라도 정확한 사용법까진 아니더라도 검색해서 활용할 수 있을 정도까지 기억해두는게 좋겠다. 인스타그램 클론코딩하는 것도 물론 중요하지만 아무래도 워낙 레퍼런스들이 유튜브 부터해서 검색만 하면 줄줄이 다나 와서 그래서 우선 레퍼런스들을 보지않고 기본적인 태그나 부트스트랩만 가져오고 또 뭐 어떻게 하는법 검색을 해서 큰틀 정도는 직접 잡아보고 세부적인 내용들을 수정할 때 막히는 부분이 있거나 혹은 전체적으로 코드를 깔끔하게 정리할 때 레퍼런스들을 참고해서 작업을 하려고 생.. 더보기
TIL 2022.04.27 - pygame을 이용한 게임만들기 - 3 & git 특강 오늘은 pygame을 이용한 게임만들기를 최종적으로 완성하는 날이다. 추가적으로 배경음악, 효과음 출력, 하이스코어를 저장하는 텍스트 파일 생성하여 해당 텍스트 파일을 파이썬에서 열어보고 데이터를 입력하는 코드를 통해서 하이스코어를 저장 및 출력하는 기능을 구현하였다. 최종적으로 게임을 완성하여 제출을 완료하였지만 여러번 실행을 하고 테스트를 하는 과정에서 구현은 최대한 다하여서 완성되었다곤하지만 여전히 간헐적으로 게임이 뻑나는 경우가 있어서 이를 해결해야할 방법을 찾아보긴 해야되는데 오류 코드도 나오질 않으니 확인할 방법이 없다. 또 엄청 간헐적으로 플랫폼에 분명히 착지했었는데 관통되는 경우도 있긴 있어서 이 경우도 오류코드가 나오는 것도 아닌데다가 너무 간헐적으로 발생하는 현상이라 어떻게 고쳐봐야할지.. 더보기
TIL 2022.04.26 pygame을 이용한 게임만들기 - 2 오늘은 어제에 이어서 게임만들기 작업을 진행하였다. 거의 대부분의 시간을 다른 블로그나 튜토리얼 등 레퍼런스를 보느라 시간을 보냈다. 만들어둔 플랫폼 게임을 베이스로 작업하기로 시작하기로 했는데 메인화면 만들기 위해서 게임루프 영역을 찾는데만 거의 모든 시간을 다쓴 것같다... 여타 블로그에서는 스프라이트들과 설정 부분을 따로 파이썬 파일을 생성해서 빼서 사용하는 곳도 있어서 참고하기가 여간 어려웠던 것이 시간을 많이 잡아먹었다. 하나의 파이썬 파일에 작성한 코드들을 다시 분류해보기도 하고 최대한 형태가 비슷하게 따라 바꾸고 옮겨보았지만 전부다 실행이 되지않아서 많은 시간을 보낸 끝에 나와 같이 한 파이썬 파일에 작업을 한 코드를 발견하여 그를 참조 하여 드디어 시작점을 제대로 알게 되어서 그 후로는 어.. 더보기
TIL 2022.04.25 pygame을 이용한 게임만들기 - 1 오늘은 pygame을 가지고 간단한 게임들을 만들어 보는 개인 프로젝트가 시작되었다. 필수 구현 사항으로 파이썬 GUI 프로그램 개발 라이브러리인 Pygame을 활용 이미지 리소스 삽입해보기 (중요) 게임의 이기고 지는 규칙 설계/구현 현재 게임의 진행 상태 표시 Stage별로 난이도 설정(1,2,3 / Easy, Normal, Hard) (선택) 제한시간 기능 마우스, 키보드 이벤트 처리(사용자 입력, 멈춤 기능) 이벤트 처리 꼭 해보기 우선 어느정도까지 만들 수 있는지 감이 전혀 잡히질 않아 pygame 튜토리얼을 따라서 전체적으로 사용되는 내장함수와 그에 따른 사용방법들을 익혀나갔다. 우선 두가지의 게임을 튜토리얼과 완전히 동일하게 따라해서 클론코딩을 한번 해보니 약간 감이 잡히는 듯 하다. 다른 .. 더보기
WIL_2022.04.22~2022.4.24 오후 세시 갑작스럽게 전화가 울린다. 전화를 받아보니 내일배움캠프에 합류가 가능하다고한다. 그전까지만 해도 항해99에 합류 할 생각만 하고 간만에 찾아온 휴식을 취하고 있었다. 솔직히 말해서 많이 당황스러웠다. 다음주부터도 아니고 바로 당일부터 시작이라니 아주 잠깐의 시간이었지만 고민도 조금 되기도했다 아주 잠시였지만.. 이전에 자바스프링을 배웠었기도 했고 항해99도 자바스프링을 하는 과정이었기 때문에.. 그리고 시작 날짜가 5월9일이었기 때문에 좀 더 쉴 수 도있었고 해서 더 고민이 있었지않았나 싶다. 하지만 원래 하려던 것이기도 했고 마냥 노는 것 보단 바로 합류해서 열심히 공부하는게 더 낫지않겠나 싶은 생각이 들었다. 어차피 이전에 배웠던 것도 직장다니느라 공부도 못해서 다 까먹은게 현실이다. 다시.. 더보기

티스토리툴바