본문 바로가기

전체 글

(26)
내일배움캠프 2022.04.29 TIL 인스타그램 UI 클론 코딩 프로젝트 오늘은 어제 하던 클론 코딩을 이어서 했다. 어제 계획했던 내용부터 살펴보자. 1. 좋아요를 누를 경우 하트가 빨간색으로 변하기는 하는데 빨간색으로 칠해지는 것은 아니다...! 고민해서 해결해보자! 색 반전 시킨다음에 빨간색으로 칠하면 되려나???? 2. 사진 피드 게시글 2줄 이상일 경우 줄이기 기능, 더보기 버튼 생성 (현재는 overflow=hidden으로 div를 넘어가는 경우에 안 보이게만 설정해둔 상태이다) 3. 좋아요 누른 사람 수 클릭 시 좋아요 누른 사람들 토글(?)로 띄우는 기능 4. 배경이 너무 심심한데 별똥별 같은거 애니메이션 넣어보고 싶다! 5. 사진 더블 클릭 시 하트가 뿅 떠올랐다가 사라지는 애니메이션도 넣어보고 싶다! 1. 음... 반전 명..
내일배움캠프 2022.04.28 TIL 인스타그램 UI 클론 코딩 프로젝트 오늘부터는 인스타그램 UI 클론 코딩을 진행했다. 클론 코딩이라 어렵지 않을 것이라 생각했지만 생각보다 보여지는 배치를 그대로 따라서 구현하는 것도 힘든 일이었다. 그 와중에 나만의 개성 포인트들을 가져가고 싶다는 생각이 계속 들어 자꾸 욕심만 나서 더 어려웠던 것 같다... ㅠㅠ 오늘은 우선 홈 화면 및 사진 피드를 구성했다. 또, 이후에 어느 기능을 구현하고 싶은지 생각해두었다. 홈 화면 상단 헤더에 네비게이션 바를 구현했다. 로고 및 홈 아이콘을 누르면 새로고침이 된다. 검색바에 현재 place holder 부분의 '검색'이 가운데 정렬되어 있지만 검색어를 입력하기 위해 검색바를 클릭하면 왼쪽 정렬로 바뀐다. DM, 포스팅, Explore, 알림의 아이콘들은 버튼..
내일배움캠프 2022.04.27 TIL 게임 개발 프로젝트 오늘은 게임 개발 프로젝트 마지막 날이었다. 기능을 추가하다보니 GUI 완성에 무리가 있어 콘솔창 출력으로 어떻게든 마무리를 지었다..! 함수를 다 나눠서 짰으니 GUI랑 연결하는 건 시간만 있으면 될 것 같다고 여겼기 때문이당.. 튜터님께 여쭤보니 튜터님도 그렇게 생각하신다구 하셨다. 그래서 더더더더! 객체지향적인 코드를 위해 노력하는 방향을 이번 프로젝트의 목표로 잡았다. HumanPlayer 클래스 사용자 객체를 생성하기 위한 클래스이다. 즉, 패를 내는 모든 경우의 수를 직접 선택할 수 있는 클래스이다. Player 클래스를 부모 클래스로 한다. ComputerPlayer 클래스 컴퓨터 객체를 생성하기 위한 클래스이다. 즉, 패를 내는 모든 경우의 수를 모두 랜덤으로 선택하는 ..