일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- crud
- 파이썬
- node
- Class
- flask
- SSA
- SAA
- AWS
- MongoDB
- TypeScript
- pandas
- 튜플
- merge
- EC2
- git
- wetube
- 카톡
- lambda
- Vue
- S3
- RDS
- react
- 채팅
- NeXT
- docker
- socket io
- dict
- 중급파이썬
- Props
- async
- Today
- Total
목록AI 웹개발 트랙 - 내배캠/2주차 (8)
초보 개발자
2주차에는 개인 과제가 하루에 하나씩 주어졌다. 업 앤 다운, 베스킨라빈스 31, 턴제 게임, 카카오톡 프로필, 인스타 프로필이 있었다. 업 앤 다운과 , 베스킨라빈스에는 컴퓨터와 상대할 수 있도록 조건들을 설정하였다. 그리고 턴제 게임에서는 기본 과제내용에 더해 아이템, 방어력, 공격력, 회피율, 크리티컬 등 기능을 추가해보았다. 과제를 통해 팀원들과 모르는 부분은 물어보고 아는 부분은 알려주면서 부족한 점을 보완해 나갈 수 있었다. 하지만 css같은 경우에는 너무 힘들었다. 나는 왜이렇게 css가 싫을까.. 꾸역꾸역 어거지로 완성은 했다만.. 자랑스럽게 보여주기에는 무리가 있다. 더욱이 css관련강의는 하나도 없기에 참고하기도 힘들었다.... 나중에 작정하고 css를 한번 제대로 파봐야겠다. 그리고 ..
다음으로 container말고 footer먼저 분석해보려고한다. html과 css에 footer 관련하여 복붙해보겠다. footer 헤더와 마찬가지로 별거 없다. img 5개를 나열하고 icon-wrapper라는 클래스로 한번 감싸준게 끝이다. footer역시 fixed로 고정을 해주었고, 마찬가지로 fixed로 설정하면 기준이 뷰포트로 설정되니까 max-width를 720으로 설정해 준 것을 확인할 수 있다. header는 top이 0이었다면 footer는 반대로 bottom에 0을 입력해야 아래에 위치할 것이다. 이 외 특별한 것은 없다. img들을 감싸고 있던 div태그에 마진을 위 아래 4% 좌 우 6%로( 흰 여백을 주기 위해서 ) 설정해주었고, display flex로 상 하 가운데로 정렬해주..
sparta/projects at master · taehyeki/sparta (github.com) GitHub - taehyeki/sparta: 스파르타 코딩클럽 웹개발 트랙 1기 ! 스파르타 코딩클럽 웹개발 트랙 1기 ! Contribute to taehyeki/sparta development by creating an account on GitHub. github.com 한 80%정도 만들고 그냥 제출해버린 것 같다.. 반응형을 도대체 어케써야하는지 감이 안잡힌다. 따라서 튜터님께서 작성하신 코드를 낱낱히 분석해보고 다시 내걸 만들어봐야 겠다. 자 튜터님의 코드를 제가 처음부터 하나씩 만들어 가면서 그 과정에 대해서 알아보려고 합니다. html 의 head head에 meta 데이터를 적어주셨는..
sparta/projects/kakaotalk at master · taehyeki/sparta (github.com) GitHub - taehyeki/sparta: 스파르타 코딩클럽 웹개발 트랙 1기 ! 스파르타 코딩클럽 웹개발 트랙 1기 ! Contribute to taehyeki/sparta development by creating an account on GitHub. github.com 카카오톡 화면 구현 만들기 과제가 있었고 old버전 new버전으로 만들어 보았다. 이번에는 instagram 화면을 만드는 것이 과제이다. 근데 화면을 늘렸다 줄였다 할 때 일정 크기가 계속 유지 되어야 한다. 이를 반응형이라고 하는데 이걸 하나도 모른다. 하나씩 차근차근 공부해 나가보자!!! % / em / ..
더보기 import random class Object(): def __init__(self, name, hp, power): self.name = name self.hp = hp self.power = power self.critic_damage = 10 self.amor = 0 self.miss = 0 def attack(self, enemy): critic_per = random.randrange(1,11) if critic_per
일반적인 베스킨라빈스 31게임 import random # 31게임을 위한 배열 1 ~ 31 numbers = [i for i in range(1,31+1)] # player가 0이면 user, 1이면 computer를 의미함 player = random.randrange(0,2) def user(array): global player # 1~3사이의 숫자 그리고 배열의 갯수보다 많이 말하면 안됨 while True: num = int(input('1~3의 숫자를 입력해주세요.')) if 1
Array vs LinkedList 경우 Array LinkedList 특정 원소 조회 O(1) O(N) 중간에 삽입 삭제 O(N) O(1) 데이터 추가 데이터 추가 시 모든 공간이 다 차버렸다면 새로운 메모리 공간을 할당받아야 한다. 모든 공간이 다 찼어도 맨 뒤의 노드만 동적으로 추가하면 된다. 정리 데이터에 접근하는 경우가 빈번하다면 Array를 사용하자 삽입과 삭제가 빈번하다면 LinkedList를 사용하는 것이 더 좋다. Python의 list도 사실 array로 구현되어 있다. append를 사용해서 새로운 배열을 만들고 있었던 것이다. 근데 내부적으로 동적 배열을 사용해서 배열의 길이가 늘어나도 O(1)의 시간 복잡도가 걸리도록 설계했다고 한다. 파이썬의 배열은 링크드 리스트로 쓸 수도 있고..
과제는 1단계, 2단계로 나뉘었다. 먼저 1단계에서는 컴퓨터가 1부터 ~ 100까지 임의의 숫자를 정하고 5번안에 맞춰나가는 게임이다. #1단계 import random # 1이상 101미만의 숫자가 나옴 (1 ~ 100) random_num = random.randrange(1,101) for i in range(5): # 마지막 기회 알림 if (i == 4): print('마지막 기회입니다.') #유효한 숫자를 적도록 유도 while True: my_num = int(input('숫자를 입력하세요 : ')) if 0