본문 바로가기

개발_TIL74

개발_TIL | 2022-04-29 (10) ▷ 인스타 클론 코딩 (2) 앞서 진행한 인스타 클론 코딩을 이어서 진행 해보았다. 게시물쪽을 carousel (부트스트랩)을 사용하여 하나의 게시물에 3장의 사진을 게시하였다. html에 carousel 코드를 집어넣은후 사진을 집어넣었더니 사진이 너무작아서 게시물 범위에 비해 빈 공간이 너무 많이 생기게 되었었다. Previous Next 사진 크기 부분을 보완하기위해 img부분에 class = pic 을 지정해주고, css부분으로 넘어와 아래와 같이 세팅을 해주니 맨 위 사진처럼 잘 동작하였다. .pic { width: 100%; height: 350px; 그리고 어제 발견된 오류로 header부분의 상단 바가 최우선으로 상단에 표시가 되지않아 z-index:999로 높게 지정을 해주어 해결하였다... 2022. 4. 29.
개발_TIL | 2022-04-28 (9) ▷ 인스타 클론 코딩 시작![개인 프로젝트] 오늘부터 다음주 월요일까지 프로젝트! 인스타 클론 코딩을 시작하였다. -Github에 레포지토리를 생성 후 깃으로 관리하기! -사이트의 헤더에 왼쪽 상단 로고 / 검색창 /우측 상단 아이콘 -사이트의 본문에 두개의 단으로 나누기 -게시글 3개 이상! 사진을 carousel을 이용해 여러장 표시! -댓글 작성하는 칸과 post 버튼 추가! 아직 HTML / CSS가 익숙치 않아 헤더 부분부터 막혀버렸지만 깃허브를 통해 인스타 클론코딩을 참고해 하나씩 이해해 나갔다. 헤더부분을 완성하였는데 검색창에 돋보기를 넣는 법이 아직 이해가 되지않아 못 넣었다. Instagram fontawesome 사이트를 통해 우측 아이콘을 가지고 와서 넣어주었다. sourcetree를.. 2022. 4. 28.
개발_TIL | 2022-04-27 (8) ▷ Python의 pygame을 활용한 게임 만들기! (3) 앞서 만들었던 카드 맞추기 게임에서 오류를 발견하였다. for event in pygame.event.get(): #이벤트 처리 루프 if event.type == QUIT or (event.type ==KEYUP and event.key == K_ESCAPE): pygame.quit() sys.exit() elif event.type == MOUSEMOTION: mousex, mousey = event.pos elif event.type == MOUSEBUTTONUP: mousex, mousey = event.pos mouseClicked = True 이 부분의 코드에서 MOUSEBUTTONUP 부분에서 mouseClicked = true로만.. 2022. 4. 27.
개발_TIL | 2022-04-26 (7) ▷ Python의 pygame을 활용한 게임 만들기! (2) 어제 코딩한 부분에 이어서 오늘은 기본 메뉴가 나오는 화면을 코딩해보았다. #시작 화면 메뉴 def mainmenu(): pygame.display.set_caption('같은 그림 찾기') pygame.display.set_icon(pygame.image.load('image/img15.png')) menu = True while menu: for event in pygame.event.get(): if event.type == pygame.QUIT: quitgame() gameDisplay.fill(WHITE) gameDisplay.blit(titleImg, (120, 130)) Button(startImg, 280, 360, 60, 20,.. 2022. 4. 26.

티스토리툴바