Today I Learned 웹 퍼블리싱 강의 1주차~2주차 수강 웹 퍼블리싱 강의 1주차 내용 CSS transition transition: all 0.3s ease-in-out; transition에 어떤 다양한 효과들이 있는지 궁금해서 검색해봤다. https://poiemaweb.com/css3-transition a태그 밑줄, 색상 제거하기 a { text-decoration: none; color: inherit; } color: inherit; 상위 클래스에서 지정한 색깔을 그대로 가져오는 문법 나는 color: white 로 색상을 직접 변경하는 방법을 사용했었는데 강의를 들으면서 inherit라는 더욱 간단한 속성도 알게 되었다. css에 이렇게 코드를 작성하면 모든 a 태그에 적용된다...
Weekly I Learned 팀 프로젝트만 진행됐던 지난주와는 달리 이번 주에는 온전히 강의만 듣는 시간이었다. 원격으로 온라인 강의를 수강한다는 것은 집중력과 의지의 문제인 거 같다. 강의 듣다가도 자꾸 딴짓하게 되고 졸리기도 하고.. 그나마 zep이라는 온라인 공간에 다 같이 모여서 공부한다는 게 힘이 되었다. 그리고 녹강 외에도 zoom에서 실시간으로 튜터님들의 다양한 특강(자료구조 알고리즘, CS 기초 등)이 진행되었는데 동기 분들의 각종 드립과 함께하며 재밌게 들을 수 있었다ㅋㅋ 파이썬과 자바스크립트 강의는 둘 다 하루만에 끝난 것에 비해 자료구조 알고리즘 강의는 5주차에 달하는 과정이기도 하고 내용도 금방 이해할 수 없어서 강의를 듣는 데 많은 시간이 소요되고 있다. 모든 내용을 이해할 순 ..
Today I Learned 알고리즘 강의 3주차 수강 웹 퍼블리싱 강의 1주차 수강 알고리즘 강의 3주차 내용(정렬) *python에서 두 변수의 값 바꾸기 (swap) a = 3 b = 4 a, b = b, a print(a) >>>4 print(b) >>>3 *정렬이란? 데이터를 순서대로 나열하는 방법 *정렬의 유형 :버블 정렬, 선택 정렬, 삽입 정렬, 병합 정렬 웹 퍼블리싱 1주차 강의 내용 *퍼블리싱: Figma, Photoshop 등 그래픽 리소스를 html + css + js 로 변환해 브라우저에 표현하는 것. 마크업 : HTML을 통해 기본 뼈대를 만듭니다. 스타일링 : CSS로 마크업에 색상 등의 속성을 입혀 스타일을 지정합니다. 부가 기능 : Javascript로 특정 요소에 기능을 ..
Today I Learned 알고리즘 강의 수강 실시간 CU 특강(CPU 주제) 수강 실시간 알고리즘 강의 수강 알고리즘 강의 내용 *이진 탐색: 일정한 규칙으로 정렬되어 있는 데이터일 때만 사용 가능 O(log n)의 시간 복잡도를 가짐 *재귀 함수: 자기 자신을 호출하는 함수 재귀 함수를 호출할 때는 반드시 끝나는 지점(탈출 조건)을 설정해줘야 한다. def count_down(number): print(number) count_down(number - 1) #count_down 함수 안에서 count_down을 호출하고 있음 *문자열 슬라이싱 "가나다라마바사"[0:6] # 가나다라마바 "가나다라마바사"[0:1] # 가 "가나다라마바사"[1:-3] # 나다라 "가나다라마바사"[1:-1] # 나다라마바..
Today I Learned 알고리즘 온라인 강의 수강 튜터님 실시간 보충 강의 수강 알고리즘 강의 내용 어레이와 링크드 리스트 Array LinkedList 정의 크기가 정해진 데이터의 공간 크기가 정해지지 않은 데이터의 공간 특정 원소 조회 O(1) O(N) 중간에 삽입 삭제 O(N) O(1) 데이터 추가 모든 공간이 다 찼다면 새로운 메모리 공간을 할당받아야 한다. 모든 공간이 다 찼어도 맨 뒤의 노드만 동적으로 추가하면 된다. 정리 데이터에 접근(조회)하는 경우가 빈번할 때 사용한다. 데이터 삽입과 삭제가 빈번할 때 사용한다. 링크드 리스트의 연결고리는 '포인터', 각 화물칸은 '노드' 자료구조 선택 시 참고사항: 1.삽입 시간 2.삭제 시간 3.검색 시간 4.정렬 요구 python class 이..
Today I Learned 알고리즘 온라인 강의 1주차 수강 알고리즘 실시간 강의 수강 알고리즘 강의 수강 내용 *시간 복잡도 입력값의 길이는 보통 N으로 표현 상수는 신경쓰지 않고 지수만 비교한다. 52N+103->N N²+2->N² *점근 표기법 최악의 경우: 빅오(Big-O)표기법 O(N) 최선의 경우: 빅 오메가(Big-Ω) 표기법 Ω(1) 빅오 표기법이 중요하다! 어려웠던 부분 파이썬은 들여쓰기가 중요하다 아직 알고리즘이 어려워서 강의 내용대로 코드를 작성했는데 최댓값이 잘못 산출되는 문제가 있었다. 다시 확인해 봐도 틀린 부분이 없는 거 같아서 뭔가 싶었더니 else 부분의 들여쓰기가 잘못된 것이었다. 파이썬에서는 들여쓰기가 중요하다는 것을 또 한 번 배우고 가는 경험이었다. python 의..
Today I Learned 파이썬 문법 기초 강의 듣기 github branch 공부하기 top 이동 버튼 추가하기 파이썬 문법 기초 *변수선언: 변수이름 = 값 *문자열 길이 구하기: len( ) *문자열 잘라내기(슬라이싱) a[4:15] / a[3:] / a[:5] phone = "02-123-1234" result = phone.split('-')[0] print(result) *리스트 a = [1,5,3,7] 추가하기 a.append(3) 수정하기 a[1] = 4 정렬하기 a.sort( ) a.sort(reverse=True) 요소 확인 print(5 in a) *딕셔너리 people = [ {'name': 'bob', 'age': 20, 'score':{'math':90,'science':70..
다른 팀들의 발표를 보고 나도 버튼 누르면 최상단으로 이동해주는 top 버튼을 구현해보고 싶어졌다. 근데 구글링 해보니 대부분의 게시물에서는 자바스크립트를 이용하는데 나는 아직 자바스크립트를 이용해 본 적이 없기 때문에 조금 두려웠다. 그래서 html만으로 구현할 수 있는 방법이 없을까 열심히 검색하고 시도해 보다가 결국에는 성공했다! 참고 사이트 https://miaow-miaow.tistory.com/84 일단 내 웹페이지는 굉장히 간단한 구조이기 때문에 더 복잡한 코드에서도 적용될지는 모르겠다는 점을 밝혀둔다. 1. top 버튼 눌렀을 때 이동하고 싶은 위치를 id="top"으로 설정한다. 나는 타이틀에 id 값을 설정해 줬다. 2. html 코드 최하단에 a 태그를 추가한다. a 태그에 버튼 눌렀..
Today I Learned javascript 올인원 강의 듣기 웹페이지 수정하며 공부하기 javacsript 강의 공부한 내용 *프로그래밍 과정: 입력 -> 처리 -> 출력 *변수선언: let 변수이름 = 값 *기본형 데이터 타입: number, string(문자열), boolean(참거짓), null, undefined let name = null 비어있는 값을 할당 let age = 변수 선언만 하고 값 할당은 x (undefined) *산술연산자: + - / * % ** *증감연산자 let count = 1 const prePrice = ++count -> count=count+1 / prePrice=count const postPrice = count++ -> postPrice=count / ..
개강 첫 주부터 시작된 미니프로젝트가 금요일 발표와 함께 마무리되었다. 다른 팀들의 완성도 높은 결과물에 놀라기도 했지만 우리 팀도 주어진 시간과 능력 안에서 최선을 다했다고 말하고 싶다. 시연 영상 https://youtu.be/YQlDHxAkyGk 튜터님 피드백 githup up 하겠다는 의지 보기 좋았습니다.\n다만, 리액트 천재라고 해서 api를 대여섯개 썼을 줄 알았는데 2개만 써서 아쉬웠습니다.\n\n장고 부분을 잘 이해하고 있었어요. 서버에서 API콜 하는 부분과 단순히 html 랜더링 되는 부분도\n자료에 잘 정리해주신 것을 보니 서버-클라이언트 구조 잘 이해하고 있는 것 같아요.\n\n여러개의 app.py를 하나로 합치는 과정에서 어려움이 있었다고 했는데\n참 그런 부분이 어렵죠. 복붙으..