만기레벨업일지

인스타 UI 클론 코딩 프로젝트 - 기획 - 구현한 기능 # 사이트 헤더 왼쪽 상단의 로고 검색어를 입력할 수 있는 검색창 오른쪽 상단의 아이콘들 # 사이트 본문 1. 우측에 친구 추천 리스트 - 프로필사진, 아이디, 내용, 팔로우 버튼 배치 - 위치 고정하여 스크롤 움직여도 위치 유지 2. 좌측에 게시물들 - 상단에 네임카드 ( 프로필사진, 아이디 ) 배치 - 옵션 : 더보기 버튼 배치하여 클릭하면 모달 동작 - 본문 사진은 캐러샐을 사용하여 여러장 배치 가능 - 좋아요/댓글 이모티콘 배치 - 본문 내용 배치 : 본문 줄이기 기능은 구현하였으나 더보기 버튼 클릭시 전체 본문이 나타나지 않음.. - 댓글 기능 : 댓글을 쓰기와 기록 기능 3. 사이트 footer - 우측 하단에 정보를 볼 수 있는 foo..

개인 프로젝트 : pygame을 이용해서 간단한 게임 만들기 4월 25일 부터 2.5일간, 그동안 배운 파이썬 문법을 이용해서 간단한 게임을 만드는 프로젝트를 진행하였다. 처음엔 내 수준을 너무 과대평가하여 팩맨을 만들어보려 했으나, 맵을 그리며 장애물 처리와 맵에 뿌려져있는 팩맨의 먹이를 코딩하다 큰 벽을 느끼고 주제를 바꿨다.. 팩맨에 이미 2.5일중 절반을 넘게 소모했기에 급하게 벌레잡기 게임으로 주제를 바꿔 진행하였다. - 규칙 : 먼저 간단하게 규칙을 정했다. 시간내에 사방으로 움직이는 벌레들을 마우스 클릭으로 제거하며, 제한시간동안 스코어를 쌓는 것이 게임방식이다. - 구현할 기능 : 규칙을 보며 필요한 기능들을 쪼개보았다. 핵심기능들이 다섯가지정도가 되었다. 기능 하나하나 완성된 코드를 보며..

Weekly I Learned 이번 주 5일간 배운 것 1,2일차 html, css, javascript 기초 문법 3일차 파이썬 기초와 데이터베이스 4일차 flask 서버에 요청 5일차 서버 구매 배포 5일간 결과물 : http://mankidomain.shop/ - app.py from flask import Flask, render_template, request, jsonify app = Flask(__name__) from pymongo import MongoClient client = MongoClient('mongodb+srv://test:sparta@cluster0.fp2p3.mongodb.net/cluster0?retryWrites=true&w=majority') db = client.d..

▶ 내일배움캠프 첫번째 미니프로젝트 : 팀 소개 웹 페이지 만들기 ▶ 코드 작성 >html - 웹 폰트, 부트스트랩, jquery 사용을 위해 링크 입력. - 태그가 복잡해져서 css파일을 만들어 파일 불러오기. - 도 마찬가지로 jquery 코드가 많아져 .js파일 만들고 불러오기. - css/style1.css => 파일 경로. css폴더 안에 style1.css 라는 파일이 있다. > html 의 일부 코드 질문Q.어떤 팀 인가요? A1. 답변1.🧑‍🤝‍🧑 A2. 답변2.👍 A3. 답변3.💪 - 사용하여 css 적용될 그룹 묶기. - 사용하여 문단 구분. - : 일부분의 스타일을 적용시키기 위해 사용. - : 줄바꿈 기능. - : 가로선 삽입. > css 파일 부분 코드 /*전체 폰트 적용*/ * ..

▶ 내일배움캠프 첫번째 미니프로젝트 : 팀 소개 웹 페이지 만들기 ▶ 필수 조건, 기능 - 팀원별 소개 및 팀 소개 - HTML, CSS 사용 (부트스트랩이나 자바스크립트 사용은 옵션) ▶ 진행 1. 팀원들과 컨셉, 방향성 논의 - 전체적으로 깔끔하고 보기 편해야한다. (색과 배치) - 디자인은 팀 이름 12간지를 컨셉으로 꾸민다. - 팀 소개는 Q&A 형식, 팀원 소개는 간략히 소개 후 링크걸기 2. 프레임 구성 및 필요 기능 정리 - Title 부분 : html과 css 사용하여 큰 글자 배치 및 배경 이미지와 디자인 이미지 배치 => 웹폰트사용, 이미지 가져오기 - 팀 소개 부분 : 기본적인 팀 소개와, 우리 팀의 특징, 목표, 약속 을 주제로 넣는다. => 부트스트랩 가져오기 - 팀원 소개 부분 ..