본문 바로가기

프론트엔드10

[TIL] 내일배움캠프 React 과정 2022.11.13 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로 특정 요소에 기능을 .. 2022. 11. 13.
[TIL] 내일배움캠프 React 과정 2022.11.11 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] # 나다라마바.. 2022. 11. 11.
[TIL] 내일배움캠프 React 과정 2022.11.10 Today I Learned 알고리즘 온라인 강의 수강 튜터님 실시간 보충 강의 수강 알고리즘 강의 내용 어레이와 링크드 리스트 Array LinkedList 정의 크기가 정해진 데이터의 공간 크기가 정해지지 않은 데이터의 공간 특정 원소 조회 O(1) O(N) 중간에 삽입 삭제 O(N) O(1) 데이터 추가 모든 공간이 다 찼다면 새로운 메모리 공간을 할당받아야 한다. 모든 공간이 다 찼어도 맨 뒤의 노드만 동적으로 추가하면 된다. 정리 데이터에 접근(조회)하는 경우가 빈번할 때 사용한다. 데이터 삽입과 삭제가 빈번할 때 사용한다. 링크드 리스트의 연결고리는 '포인터', 각 화물칸은 '노드' 자료구조 선택 시 참고사항: 1.삽입 시간 2.삭제 시간 3.검색 시간 4.정렬 요구 python class 이.. 2022. 11. 10.
[TIL] 내일배움캠프 React 과정 2022.11.09 Today I Learned 알고리즘 온라인 강의 1주차 수강 알고리즘 실시간 강의 수강 알고리즘 강의 수강 내용 *시간 복잡도 입력값의 길이는 보통 N으로 표현 상수는 신경쓰지 않고 지수만 비교한다. 52N+103->N N²+2->N² *점근 표기법 최악의 경우: 빅오(Big-O)표기법 O(N) 최선의 경우: 빅 오메가(Big-Ω) 표기법 Ω(1) 빅오 표기법이 중요하다! 어려웠던 부분 파이썬은 들여쓰기가 중요하다 아직 알고리즘이 어려워서 강의 내용대로 코드를 작성했는데 최댓값이 잘못 산출되는 문제가 있었다. 다시 확인해 봐도 틀린 부분이 없는 거 같아서 뭔가 싶었더니 else 부분의 들여쓰기가 잘못된 것이었다. 파이썬에서는 들여쓰기가 중요하다는 것을 또 한 번 배우고 가는 경험이었다. python 의.. 2022. 11. 9.
[TIL] 내일배움캠프 React 과정 2022.11.07 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 / .. 2022. 11. 7.
[TIL] 내일배움캠프 React 과정 2022.11.04 Today I Learned 팀프로젝트 발표 팀프로젝트 KPT 회고 작성 느낀 점 오늘은 5일 동안 팀원들과 열심히 준비한 팀프로젝트의 발표가 있는 날이었다. 우리 팀의 발표로 인한 긴장감과 다른 팀들은 어떤 웹페이지를 만들었을까 설레는 마음을 가지고 발표가 시작됐는데 첫 조부터 엄청난 실력에 충격을 받았다. 그리고 다른 팀들의 발표가 계속될수록 원래도 없던 자신감이 뚝뚝 떨어지기 시작했다. 나는 이번 프로젝트를 진행하면서 노베이스 상태로 웹개발 종합반 강의 하나만 듣고 이 정도 결과물이라면 완벽하진 않더라도 나름 만족한다고 생각했었는데 다른 분들에 비하면 내 수준은 아직 바닥에 있는 거 같다. 만약 저렇게 엄청난 실력자 분들과 팀이 된다면 그 실력을 어떻게 따라잡아야 할지 걱정이 되기도 했다. 하지막 .. 2022. 11. 5.
[TIL] 내일배움캠프 React 과정 2022.11.03 Today I Learned 개인 페이지 최종 완성 모든 페이지 통합하여 연결 리액트 튜터님과 개인 상담 발표 자료 만들기(ppt&대본) 🎉드디어 개인 페이지 완성🎉 어려웠던 부분 링크 클릭할 때 마우스 커서 모양 변경 버튼을 클릭했을 때 각 팀원의 페이지나 블로그로 이동하도록 링크를 성절해 놓았는데 마우스커서를 손 모양으로 변경해서 페이지를 이동할 수 있다는 것을 더욱 명시적으로 보여주고 싶었다. 방법은 굉장히 간단해서 해당 CSS 에 cursor: pointer;를 추가했다. github 활용하기 팀프로젝트 완성이 우선이라고 생각해서 아직 git bash 사용방법은 익히지 못하고 github 사이트에서 직접 파일을 올리거나 수정하고 있다. 그래서 git pull 기능도 못쓰고 있어서 커밋될 때마다 코.. 2022. 11. 3.
[TIL] 내일배움캠프 React 과정 2022.11.02 Today I Learned 미니 프로젝트 개인 페이지 완성 github 특강 복습 후 github 연동 시도(에 그침..) 발표 자료 초안 작성 저녁 먹고 잠시 비어나잇🍺 어려웠던 부분 이미지 위치 고정 내 소개 박스 안에서 이미지를 글의 길이와 상관없이 하단에 고정되도록 하고 싶어서 구글링을 했다. .tab-content{ position: relative; width: 640px; height: 380px; text-align: center; margin-top: 20px; line-height: 200%; } .text-image{ position: absolute; bottom: 10px; right: 10px; height: 220px; width: 600px; } 해결 방법은 부모 요소에 p.. 2022. 11. 2.
[TIL] 내일배움캠프 React 과정 2022.11.01 Today I Learned 매니저님과 개인 상담 미니 프로젝트 개인 페이지 구현 어려웠던 부분 어제저녁부터 방명록 남기는 기능을 구현하기 위한 python 파일에서 라는 경고 메시지가 떴다. 그래서 방명록 댓글이 mongoDB에 저장되지 않는 이유가 python과 html 파일이 아예 연결되지 않았기 때문이라고 생각해서 구글링도 해보았지만 혼자 힘으로는 해결할 수 없었다. 그래서 매니저님과 상담할 때도 여쭤보고 리액트 튜터님께도 여쭤봤지만 시간이 부족해서 문제를 해결하지는 못했다. 하지만 그분들에게서 에러를 해결하는 방법에 대해서는 배울 수 있었다. 구글 console창을 확인해본다거나 너무 한 가지 문제에만 집착하지 말고 시야를 넓혀서 코드를 전체적으로 살펴보는 방법까지. 면담 후에 app.py와 i.. 2022. 11. 1.
스파르타코딩클럽 내일배움캠프 4기 React 프론트엔트 과정에 합류하다 취업을 위해 본격적으로 코딩을 배우고 싶다는 생각에 국비지원 과정을 알아보았다. 서울까지 왔다 갔다 하기에는 체력적으로 힘들 거 같아서 온라인 부트캠프 위주로 검색했고 결과적으로 스파르타코딩클럽의 내일배움캠프를 선택했다. 부트캠프 관련 정보는 아래 사이트를 추천한다. https://boottent.sayun.studio/camps 내일배움캠프를 선택한 이유 1년 전에 스파르타코딩클럽에서 무료 강의를 몇 번 들었었는데 코딩을 쉽고 재밌게 가르쳐 주길래 호감을 가지고 있었고 이것도 내배캠을 선택한 이유 중에 하나였다. 가장 걱정했던 건 9to9이라는 수업 시간이었다. 저녁 9시까지 체력적으로 버틸 수 있을지 고민이 되어서 일단 부트캠프 국비지원과는 별개로 웹개발 종합반과 앱개발 종합반 강의를 신청해서 수강했.. 2022. 10. 27.