[TIL] 내일배움캠프 React 과정 2022.11.09

Today I Learned 알고리즘 온라인 강의 1주차 수강 알고리즘 실시간 강의 수강 알고리즘 강의 수강 내용 *시간 복잡도 입력값의 길이는 보통 N으로 표현 상수는 신경쓰지 않고 지수만 비교한다. 52N+103->N N²+2->N² *점근 표기법 최악의 경우: 빅오(Big-O)표기법 O(N) 최선의 경우: 빅 오메가(Big-Ω) 표기법 Ω(1) 빅오 표기법이 중요하다! 어려웠던 부분 파이썬은 들여쓰기가 중요하다 아직 알고리즘이 어려워서 강의 내용대로 코드를 작성했는데 최댓값이 잘못 산출되는 문제가 있었다. 다시 확인해 봐도 틀린 부분이 없는 거 같아서 뭔가 싶었더니 else 부분의 들여쓰기가 잘못된 것이었다. 파이썬에서는 들여쓰기가 중요하다는 것을 또 한 번 배우고 가는 경험이었다. python 의..

• format_list_bulleted 스파르타코딩클럽/내일배움캠프
• · 2022. 11. 9.
• textsms

[TIL] 내일배움캠프 React 과정 2022.11.08

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..

• format_list_bulleted 스파르타코딩클럽/내일배움캠프
• · 2022. 11. 8.
• textsms

html과 css만으로 top 이동 버튼 추가하기

다른 팀들의 발표를 보고 나도 버튼 누르면 최상단으로 이동해주는 top 버튼을 구현해보고 싶어졌다. 근데 구글링 해보니 대부분의 게시물에서는 자바스크립트를 이용하는데 나는 아직 자바스크립트를 이용해 본 적이 없기 때문에 조금 두려웠다. 그래서 html만으로 구현할 수 있는 방법이 없을까 열심히 검색하고 시도해 보다가 결국에는 성공했다! 참고 사이트 https://miaow-miaow.tistory.com/84 일단 내 웹페이지는 굉장히 간단한 구조이기 때문에 더 복잡한 코드에서도 적용될지는 모르겠다는 점을 밝혀둔다. 1. top 버튼 눌렀을 때 이동하고 싶은 위치를 id="top"으로 설정한다. 나는 타이틀에 id 값을 설정해 줬다. 2. html 코드 최하단에 a 태그를 추가한다. a 태그에 버튼 눌렀..

• format_list_bulleted 개발 기록장
• · 2022. 11. 8.
• textsms

[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 / ..

• format_list_bulleted 스파르타코딩클럽/내일배움캠프
• · 2022. 11. 7.
• textsms

[WIL] 내일배움캠프 첫째 주_미니프로젝트 결과물 정리

개강 첫 주부터 시작된 미니프로젝트가 금요일 발표와 함께 마무리되었다. 다른 팀들의 완성도 높은 결과물에 놀라기도 했지만 우리 팀도 주어진 시간과 능력 안에서 최선을 다했다고 말하고 싶다. 시연 영상 https://youtu.be/YQlDHxAkyGk 튜터님 피드백 githup up 하겠다는 의지 보기 좋았습니다.\n다만, 리액트 천재라고 해서 api를 대여섯개 썼을 줄 알았는데 2개만 써서 아쉬웠습니다.\n\n장고 부분을 잘 이해하고 있었어요. 서버에서 API콜 하는 부분과 단순히 html 랜더링 되는 부분도\n자료에 잘 정리해주신 것을 보니 서버-클라이언트 구조 잘 이해하고 있는 것 같아요.\n\n여러개의 app.py를 하나로 합치는 과정에서 어려움이 있었다고 했는데\n참 그런 부분이 어렵죠. 복붙으..

• format_list_bulleted 스파르타코딩클럽/내일배움캠프
• · 2022. 11. 7.
• textsms

[TIL] 내일배움캠프 React 과정 2022.11.05

팀 프로젝트로 만들었던 웹페이지를 조금씩 수정해보며 공부하는 과정을 기록한다. target= blank와 _blank의 차이점 링크를 클릭할 때마다 새 탭이 계속해서 생성되는 것이 거슬려서 검색을 해봤다. a 태그에 설정한 target 값을 수정해주면 되는 것이었는데 target=blank로 전체적으로 교체해 주었다. target=_blank는 페이지를 클릭할 때마다 새로운 탭이 계속해서 생긴다. target=blank는 하나의 탭만 새로 생성되고 그 탭에서 새로운 페이지가 열린다. a 태그 밑줄, 색상 제거하기 내 개인 페이지에서 타이틀을 눌렀을 때 메인 페이지로 연결되도록 링크를 걸어놓고 싶었는데 a 태그를 넣으니까 타이틀이 왼쪽처럼 변해서 마음에 들지 않았다. 그래서 원래는 css 수정을 통해 해결..

• format_list_bulleted 스파르타코딩클럽/내일배움캠프
• · 2022. 11. 6.
• textsms

[TIL] 내일배움캠프 React 과정 2022.11.04

Today I Learned 팀프로젝트 발표 팀프로젝트 KPT 회고 작성 느낀 점 오늘은 5일 동안 팀원들과 열심히 준비한 팀프로젝트의 발표가 있는 날이었다. 우리 팀의 발표로 인한 긴장감과 다른 팀들은 어떤 웹페이지를 만들었을까 설레는 마음을 가지고 발표가 시작됐는데 첫 조부터 엄청난 실력에 충격을 받았다. 그리고 다른 팀들의 발표가 계속될수록 원래도 없던 자신감이 뚝뚝 떨어지기 시작했다. 나는 이번 프로젝트를 진행하면서 노베이스 상태로 웹개발 종합반 강의 하나만 듣고 이 정도 결과물이라면 완벽하진 않더라도 나름 만족한다고 생각했었는데 다른 분들에 비하면 내 수준은 아직 바닥에 있는 거 같다. 만약 저렇게 엄청난 실력자 분들과 팀이 된다면 그 실력을 어떻게 따라잡아야 할지 걱정이 되기도 했다. 하지막 ..

• format_list_bulleted 스파르타코딩클럽/내일배움캠프
• · 2022. 11. 5.
• textsms

내일배움캠프 React B반 8조 팀프로젝트 KPT 회고

React B반 8조 팀원: 김명준, 김원준, 고현석, 남마리나, 이희령 팀명: let 리액트 천재 프로젝트명: 코딩하고 레벨 업 Keep 처음에 프로젝트를 기획하면서 세부적으로 역할을 분담하여서 효율적으로 진행할 수 있었다. 기능 구현이 안되거나 막히는 부분이 생기더라도 포기하지 않고 팀원들이 협력하여 해결하기 위해 끝까지 노력했다. 중간중간 피드백을 주고받으면서 진행 상황을 보고하고 부족한 부분은 수정하는 방식으로 프로젝트를 진행했다. Problem 팀원들이 모두 github 사용에 미숙해서 어려움을 겪었다. 코드 작성 규칙을 먼저 정했다면 각 페이지를 통합하는 과정에서 수월했을 거 같다. 초반 기획 단계에서 레이아웃을 더욱 구체적으로 설정하지 않은 점이 아쉽다. 백엔드 부분을 한 명이 맡아서 진행했..

• format_list_bulleted 스파르타코딩클럽/내일배움캠프
• · 2022. 11. 4.
• textsms

github 레파지토리 생성하고 파일 업로드하기

아마 이것보다 더 쉽고 정석인 방법이 있을 테지만 나중에 참고하기 위해서 레파지토리 연결하는 방법을 기록해 놓는다. 내 github 계정에서 새 레파지토리를 만들었을 때 윈도우 git bash 기준 cd Desktop/test git 폴더를 만들고 싶은 위치를 지정한다. git bash 창에 cd 입력하고 마우스 클릭해서 폴더를 git bash 창에 끌어오면 위치가 자동으로 입력된다. git init touch a.txt git add a.txt git commit -m "first commit" 네모 박스 안에 총 세 줄을 한 줄씩 복붙해서 입력한다. 그럼 다음과 같은 레파지토리 페이지에 접속할 수 있고 a.txt도 잘 들어와 있는 것을 확인할 수 있다. 나는 팀프로젝트 파일을 백업하는 것이 목적이었기..

• format_list_bulleted 개발 기록장
• · 2022. 11. 4.
• textsms

[TIL] 내일배움캠프 React 과정 2022.11.03

Today I Learned 개인 페이지 최종 완성 모든 페이지 통합하여 연결 리액트 튜터님과 개인 상담 발표 자료 만들기(ppt&대본) 🎉드디어 개인 페이지 완성🎉 어려웠던 부분 링크 클릭할 때 마우스 커서 모양 변경 버튼을 클릭했을 때 각 팀원의 페이지나 블로그로 이동하도록 링크를 성절해 놓았는데 마우스커서를 손 모양으로 변경해서 페이지를 이동할 수 있다는 것을 더욱 명시적으로 보여주고 싶었다. 방법은 굉장히 간단해서 해당 CSS 에 cursor: pointer;를 추가했다. github 활용하기 팀프로젝트 완성이 우선이라고 생각해서 아직 git bash 사용방법은 익히지 못하고 github 사이트에서 직접 파일을 올리거나 수정하고 있다. 그래서 git pull 기능도 못쓰고 있어서 커밋될 때마다 코..

• format_list_bulleted 스파르타코딩클럽/내일배움캠프
• · 2022. 11. 3.
• textsms