내일배움캠프
1.Today I Learned (미니 프로젝트 회고)
프로젝트 명: 돈많은백수들 팀 페이지필수 작업: html,css,js 이용한 페이지 구현 / Flask 서버 구현추가 작업: 반응형 웹페이지 구현, 애니메이션 라이브러리 적용민성미니 프로젝트라곤 하지만, 초심자의 입장에서 마냥 미니 하진 않았다. 배울 사람 투성이인 팀
2.Today I Learned (미니 프로젝트)
다른 팀원분의 방명록 페이지 레이아웃이 아쉬워서 팀장과 팀원들에게 디자인적인 요소를 작업하여 보여준 뒤 컨펌이 나서 코드 작성하여 완성시켰다.구조적으로 html을 생각하고 짜지 않아서 css에서 굉장히 복잡해져서 팀원들에게 어떤 식으로 구조를 짜면 좋을지 물어보고 다시
3.Today I Learned (미니 프로젝트)
개인 페이지를 만들었다. git 을 이용해서 clone을 해오고 뭐 add를 하고 push 뭐 어쩌고 저쩌고를 팀원들이랑 얘기했는데 뭔 말인지 하나도 모르겠다.개인 페이지를 만들다가 급 필받아서 인터랙티브 디벨로퍼 영상 중에 자바스크립트를 이용해서 움직이는 그라이언트
4.Today I Learned (미니 프로젝트)
swiper을 이용한 슬라이드를 만드는 부분에서 애를 많이 먹었다.예전에 만들어본 자바스크립트를 이용해서 슬라이드 쇼를 만들려고 했는데 팀원들이swiper를 알려줘서 처음 사용하게 되었다.끝부분에서 동작이 되지 않아 팀원들에게 도움을 요청했는데 해결이 돼서 다행이었다
5.Today I Learned (미니 프로젝트)
돈많은백수들 소개 페이지돈많은백수들 팀과 팀원을 소개하고, 방명록을 남길 수 있습니다.미디어 쿼리를 이용한 반응형 웹타이핑 효과이미지 슬라이드방명록 댓글 작성/삭제페이지 구성: 메인, 팀원TMI, 목표, 방명록본캠 1일째... 힘든데?ㅋㅋㅋㅋㅋㅋ 내일부터는 영양제 챙겨
6.Weekly I Learned (5주차)
1) app.py 준비하기2) index.html 준비하기3) mongoDB Atlas 창 띄워두기요청 정보 : URL= /bucket, 요청 방식 = POST클라(ajax) → 서버(flask) : bucket서버(flask) → 클라(ajax) : 메시지를 보냄
7.Weekly I Learned (4주차)
👉 Flask 프레임워크: 서버를 구동시켜주는 편한 코드 모음. 서버를 구동하려면 필요한 복잡한 일들을 쉽게 가져다 쓸 수 있습니다.Flask 기초 URL 나눠보기flask 내장함수 render_template를 이용하여 html 파일 불러오기 바로 이게 프레임워크의
8.Weekly I Learned (3주차)
파이썬은 배우기 쉽고, 강력한 프로그래밍 언어입니다. 효율적인 자료 구조들과 객체 지향 프로그래밍에 대해 간단하고도 효과적인 접근법을 제공합니다. 우아한 문법과 동적 타이핑(typing)은, 인터프리터 적인 특징들과 더불어, 대부분 플랫폼과 다양한 문제 영역에서 스크립
9.Weekly I Learned (2주차)
HTML의 요소들을 조작하는, 편리한 Javascript를 미리 작성해둔 것. 라이브러리!!!Javascript로도 모든 기능(예 - 버튼 글씨 바꾸기 등)을 구현할 수는 있지만,1) 코드가 복잡하고, 2) 브라우저 간 호환성 문제도 고려해야해서, jQuery라는 라이
10.Weekly I Learned (1주차)
1주차 CSS📢 웹 페이지에서 이미지나 글씨 가운데로 배치하는 방법 (난 이게 그렇게 헷갈렸는데 세트로 같이 다닌다) 별모양은 css의 모든곳에 적용시켜주는 방법이다. 백그라운드 이미지도 이렇게 세개가 세트로 같이 다닌다. 여기서 이미지의 url이랑 linear
11.Weekly I Learned (프로젝트)
첫 미니 프로젝트를 마무리하였다.100명 앞에서 처음 발표를 해봤다.두 분의 튜터님에게 피드백을 받았다.다른 팀원들도 상당한 실력자들이 많았고 다양한 웹페이지를 볼 수 있어 좋았다.튜터님들의 피드백 중에 UX에 대한 이해가 높다는 평이 좋았다.사용자 경험 출중하게 개선
12.Today I Learned
자바스크립트 기초 강의를 다 들었다.알던 내용들이라서 좋았다.클래스와, 객체 리터럴에 대해 항상 헷갈렸는데 다시 한번 짚고 넘어가니 좋았다.코테를 풀었다. 썅!!!!!!!코테 풀면 항상 맘이 우울한지... 문제를 맞힌 적이 요즘 별로 없어서ㅠㅠ 슬프다나는 못하는 게 당
13.Today I Learned
파이썬 기초문법 배웠다파이썬 자료구조 강의 들었다.자바스크립트의 substring 와 비슷한 방법인것 같다.자바스크립트의 push과 비슷한 방법인것 같다.set은 집합에 관련된 것을 처리 하기 위해 만들어진 자료형 이다.차집합은 중복 제거이다. (a_set - b_se
14.Today I Learned
파이썬 자료구조 들었다.팀원들이랑 프로그래머스 0레벨 풀었다.정수 n을 입력받아 n의 약수를 모두 더한 값을 리턴하는 함수정수 n이 주어질 때, n이하의 짝수를 모두 더한 값을 return 하도록 solution 함수난 이 두 개가 헷갈린다.. 문제를 잘 읽자^^코테
15.Today I Learned
프로그래머스 코테 문제를 많이 풀었다.원장님의 웹 개발 종합반 보충수업을 들었다.팀원들이랑 안 풀리는 문제는 같이 풀어봤다.route 란?어디로 가야 될지 경로를 정해주는 것(아래 예제 참고)홈이란 주소를 입력하면 리턴 홈까지 경로 안내 시작def란?여러 일들을 할 수
16.Today I Learned
프로그래머스 코딩테스트 팀원들과 코테 각자 설명하기 난 이 문제를 이중 포문으로 풀고 있었는데 마지막 부분에서 해결을 하지 못해서 다른 사람 풀이를 보고 해결하였다.신박하다!!!!!!strlist.length 만큼 돈다. let i = 0이면 ”We” 값이 온다.let
17.Weekly I Learned
새로운 팀이 생겼다.팀장이 되었다.코딩 테스트를 하루에 2~4문제씩 풀었다.새로운 팀원들을 만나고 팀장이 되었다. 언제 팀장을 해보겠나?현재 팀원들의 합도 너무 좋아 요번 프로젝트도 굉장히 기대가 된다.혼자 코테를 풀 때는 스트레스를 엄청 받아서 재미가 없었는데...
18.Today I Learned
퍼블리싱 강의를 들었다.브레드 형님의 Hidden Search Widget 강의를 듣고 응용 버전으로 만든 아이폰 메모장 자바스크립트 구현이 완성이 되었다.제이쿼리에서는 document.getElementById가 \`$(">1\. 버튼 호버 2\. 자바스크립트로 호
19.Today I Learned
퍼블리싱 강의에서 네이버 최근 검색어 창 만들기 숙제를 내줬는데 너무 어려워서 해설 영상을 봤다.오늘 진짜 집중이 안 된다.. 중간에 점심시간이랑 저녁시간에 짬 내서 잤다.블록 크기 안에 들어와야 된다 하면 padding블록 밖의 크기를 확장해야 된다 하면 margin
20.Today I Learned
오늘 한일 한게 없는데...? 네비바에 드롭다운이 되는 구현과 검색창을 구글로 만들어보고 있다 퍼블리싱 강의 swiper까지 들음 싱글 페이지 애플리케이션 SPA 강의 들음 여기서 배운 점 싱글 페이지 애플리케이션(Single Page Appliacation, SPA
21.Today I Learned
파이어 베이스 강의를 들었다..프로젝트 하루 전.. 파이어 베이스를 알려주고 돔에 대한 설명도 없었는데.. 구현해야 되는 게 너무 많다프로그래머스 5문제 풀었다Array.from이란?문자열을 문자 배열로 만드는 것이다. 배열 메서드 from()을 사용하여 문자열을 배열
22.Today I Learned
팀명: Hype Express팀원: 박진양(팀장), 김예슬, 유영재, 한상권, 조영찬제목: Hype Express프로젝트 간단 설명: 여러분들의 공간에 hype함을 배달합니다.남들보다 잘하자각자 맡은 섹션을 소화하고 구현하고 이해하자발라버리자모든 페이지를 반응형으로 디
23.Weekly I Learned
새로운 프로젝트.. 어렵다..메뉴바의 spa 구축을 완성했다.로그인 파이어 베이스 연결에서 계속 실패했다...주말에도 출첵한 우리 팀원들... 고마워요막히는 부분을 서로 도와주며 해결을 하고 있다.. 너무 좋다아저번에도 느꼈지만 팀 프로젝트의 소통이 가장 중요한 것 같
24.Today I Learned
login css 완료! 중간에 코드가 날라가서 다시 작성함다른 팀원분이 내 브랜치에 push를 했는데 갑자기 내 vs 코드에서 작업했던 코드들이 날아가고 그전에 pull 한 코드들이 다운로드해졌다.나는 깃헙가서 pull을 하지도 않았는데.. 매니저님과 우리 팀원들은
25.Today I Learned
파이어 베이스를 이용하여 회원가입, 로그인 연결 완료!!!두 번째로 튜터님한테 물어봤다 진짜 떨렸다...소셜 로그인 시 먹히지 않아 다른 조원분한테 물어봤는데 한방에 해결했다.. 진짜 갓이다내일 적겠다...할게 많다... 내일 적겠다...
26.Today I Learned
소셜 로그인 시 먹히지 않아 다른 팀원분한테 물어봐서 해결했다.전역적으로 css쓰지 않기!!! 나는 button에 css를 줘서 다른 팀원들과 파일을 pull할때 내가 준 css값이 모두 적용되었다.동기는 순차적, 직역적으로 테스트를 수행한다.비동기는 병렬적으로 테스트
27.Today I Learned
우리 조는 게시물 작성 구현을 시안을 잡았다. 다른 팀원이 에디터를 사용해서 구현을 해봤는데 되지 않았다.튜터님과 한 시간 동안 해봤는데 되지 않았고 삼십 분 뒤에 튜터님이 방안을 찾아주셔서 겨우 연결이 되었다.문제는 이젠 crud 연결이다...질문을 주저하지 말자진짜
28.Today I Learned
우리 팀원들끼리 정한 프로젝트 최종 마감일이였다..하지만 끝내지 못했다팀원들의 끈기에 정말 감탄했다.나도 끈덕지게 해보자주말에 무조건 프로젝트 끝내기발표 준비하기시안영상 준비하기
29.Weekly I Learned
주말에 팀원들과 젭에서 만나 프로젝트 마무리를 하고 배포까지 끝냈다.팀원 중 한 명이 잘 안되던 파이어 베이스를 거의 구축해 주셨다.마지막으로 팀원들과 반응형을 작업했다.대본 준비를 대충 하고 발표 영상과 노선을 정리했다.깃헙 dev 브랜치를 최종 master에 업로드
30.Today I Learned (미니 프로젝트 회고)
프로젝트 명: Hype Express팀원: 박진양, 김예슬, 유영재, 한상권, 조영찬최신 패션,음식,여행 그리고 엔터테이먼트 등 다양한 분야의 소식을 데일리 뉴스와 유니크한 콘텐츠를 제공하는 플랫폼을 기획하였습니다.모든 페이지를 반응형으로 디자인각 카테고리별로 뉴스피드
31.Today I Learned
자바스크립트 심화 과정을 들었다.프로그래머스 LV.0 3 문제를 풀었다.오늘은 집중이 되지 않아 제대로 공부를 하지 못했다.10조 팀원들과 마지막으로 수다를 떨었다ㅠ제곱수 판별하기 문제를 풀었다. 예전에 풀어본거 같은데 또 기억이 나지않아 살짝 풀이를 보았다.숫자의 제
32.Today I Learned
드림 코딩 자바스크립트를 들었다.엘리님과 드림 코딩 로그인 오류가 자꾸 떠서 채팅을 했다. 나에겐 연예인 ㅠHtml에 script를 추가하고 다른 파일에서 다른 js파일의 변수를 변경할 수 있다. 서로 각각의 자바스크립트 값을 변경할 수 있는 건 치명적인 버그이다.이를
33.Today I Learned
원장 튜터님 강의를 들었다.. 최고드림코딩 자바스크립트 비동기를 들었다..중간에 졸았다동기적와 비동기적으로 작성할 수 있는 callback과 동기를 깔끔하게 작성할 수 있는 promise와 비동를 동기적으로 작성하는 async/await 을 한번 훑어봤다.내가 예전에
34.Today I Learned
코테를 풀었다자바스크립트 심화 과정을 들었다.10조 사람들이랑 뒤풀이를 했다.옷가게 할인 받기 문제에서 >=를 화살표 함수를 풀고있었다 ㅋㅋㅋㅋㅋㅋㅋ여기서! 내가 틀렸던 부분1\. else 문에서 십만 원 이하이면 할인이 적용되지 않는 구문을 적어주지 않다. (answ
35.Weekly I Learned
자바스크립트 기초부터 심화까지 강의를 들었지만 난 어느 포지션인가.. 거북이인 걸로새로운 팀원 배정이 되고 일주일 동안 제대로 집중을 하지 않았다.전 팀인 10조 사람들을 만나 뒤풀이를 했다.10조 팀원들이랑 인생네컷을 찍었다 ㅋㅋㅋㅋㅋ너무 겨버 우리 남는건 동기다!!
36.Today I Learned
리액트를 살짝 맛봤다.아침에 알고리즘 테스트를 봤다.코딩테스트 모음 제거!!!!!!이 방식으로 풀려고했는데!!!!!! 정규표현식은 "특정 패턴의 문자열"을 찾기 위한 표현 방식입니다.(이런걸 형식 언어, formal languange라고 합니다.)my_string에서
37.Today I Learned
오늘 한일 리액트를 들었다. 코테를 풀었다. 리액트 강의 들으면서 조금씩 천천히 이해가 간다. 자바스크립트 후발대를 들어갔다. 여기서 배운 점 아침에 알고리즘 2차원으로 만들기 숨어있는 숫자의 덧셈 내일 할 일 리액트 강의 듣기 코테 3문제 풀기 조급해하지 말자
38.Today I Learned
코테 3문제 풀었다리액트 강의를 들었다.todo 과제 제출 복붙해서 냈다 ㅜ조원분한테 카운터 상태 끌어 올리는 부분이 이해가 가지 않아 물어보았는데 역시나! 갓 팀원분 이해가 금방 갔다 Props란 상위 컴포넌트가 하위 컴포넌트에 값을 전달할때 사용프로퍼티에 문자열을
39.Today I Learned
리액트강의 4강까지 들었다.코테 2문제를 풀었다.노마드 todo를 따라서 만들어봤다.생활코딩 리액트를 후루룩 봤다.오늘 가위 바위 보 코테 문제를 풀다가 문자열 + 숫자 = 문자열 로 나온다는걸 알았다.복붙해서 제출한 todo를 다시 만들것이다!아침에 코테 2~3문제
40.Today I Learned
리액트 투드리스트 후발대 원장님 강의를 들었다.상위 컴포넌트 App.jsx 의 리턴에 있는 여는 태그와 닫는 태그의 사이에 있는 어떠한 값(Todo Mate)<header>Todo Mate</header>을 하위 컴포넌트 Header.jsx의 children
41.Weekly I Learned
뜻밖의 여정 프로그램 보면서 예전에 캡쳐해놨는데.. 딱 오늘 생각나는 문구다나도 늦지 않았다!!!!!!!!!!!!!!!!리액트 입문 과정 듣고 바로 todo 만드는 개인 과제가 있었다.나는 복붙해서 제출^^ 하나도 몰라~뒤늦게 후발대에 합류했다. 정말 들어가기 잘했다후
42.Today I Learned
todo 원장님 강의 보면서 따라서 완성했다.중간에 드림코딩 리액트를 봤다.코테 한문제 풀었는데 틀렸다..구조분해 할당을 이해해야 풀수 있다.구조분해 할당을 알아야 쉽게 풀수있다.아침에 코테 풀기todo다시 따라하면서 복습하기강의 듣기
43.Today I Learned
코테 2문제를 풀었다.원장님의 todo 리스트 강의를 또 보고 또 따라했다.원장님 강의를 다시 보면서 filter 과 map을 정확히 할게 되었다.x를 돌면서 해당되지 않으면 필터링을 한다.item을 돌면서 해당이 되지 않아도 undefined로 출력이 된다. 모든 값
44.Today I Learned
유튜브 투드리스트를 녹화하기 위해 원장님 강의를 보면서 메모장에 순서를 적어둠녹화를 다하고 유튜브에 업로드하고 숙제 제출했다.내가 대충 구상을 잡아논 css까지 완료하고 배포까지 마무리하였다.투드 이제는 조금 알것같다.. 안보고 칠때까지 반복 연습을 할것이다.error
45.Today I Learned
컨디션 난조로 공부 못함코테 풀기리덕스 공부하자
46.Today I Learned
컨디션 난조로 공부 못함코테 풀기리덕스 공부하자
47.Weekly I Learned
후발대에서 todo 리스트 강의를 수없이 봤다.이해가 되긴 되었다 ㅋㅋㅋ 쌤 멘트도 다 외움강의를 처음부터 끝까지 설명하면서 녹화를해서 유튜브에 올렸다올리고 난 뒤부터 컨디션이 너무 안좋아서 공부를 제대로 못했다..아파서 쉴때도 자꾸 불안했다.. 나만 뒤쳐지는 느낌이
48.Today I Learned
원장님 리덕스 강의를 들었다.다시 스파르타 숙련 강의를 들었다.코테 한문제는 간단하게 풀었는데 한문제는 도통 뭔소리인지도 모르겠어서 다른 팀원에게 물어봤는데 완벽히 이해는 되지않았다. (1) useState의 불편함어떤 컴포넌트에서 생성한 state를 다른 컴포넌트로
49.Today I Learned
리덕스 todo 강의를 들었다.코테 한문제 풀었다.리덕스 강의를 따라치면서 로직을 이해하려고 노력했다.합성수 찾기 이 문제 못풀었다. 약수도 합성수소 제대로 몰랐다 ㅠ set 객체는 중복되지 않는 유일한 값들의 집합이다.set 객체는 다음과 같은 특징을 가진다.동일한
50.Today I Learned
리액트 심화 강의를 들었는데 무슨 말인지 모르겠다.코테 한문제 풀었다.팀원들이랑 피그마를 이용해서 와이어 프레임을 만들었다.중복된 문자 제거저번에 문제를 풀다가 set 객체를 알게 되어서 이 문제를 풀 때 사용해 봤다.근데 중복을 제거하고 콘솔로 찍어보니 객체로 출력이
51.Today I Learned
오늘 한일 드디어 우리조 프로젝트 시작 Root 페이지 레이아웃 (Navbar, Footer) Live share로 같이 작업함 DB 같이 설계함 문제점 kimchi 각각의 item을 Map vs Object 둘중에 어떤것을 사용할지 회의가 있었다. 시도해본 것들 나
52.Today I Learned
라우터에서 path="/kimchis/:id" id의 파라미터를 전송한다. 파라미터란?흔히 파라미터는 특정 아이디 혹은 이름을 사용해 무언가 조회할 때 사용한다.라우팅을 진행할 때 라우터 경로를 /:key'로 지정하면 해당 위치의 경로에 value를 넣어 파라미터를 전
53.Weekly I Learned
크리스마스였지만 프로젝트를 하였다.자바스크립트 기본기도 탄탄하지 않는데 리액트로 내가 맡은 부분을 하려니 벅찼다.안되는 부분은 다른 팀원들이랑 우리 팀원들에게 물어봐서 해결했다.강의보단 많이 쳐보고 혼자 무언가를 만들어 보는것이 좋은것같다.리액트 강의를 들었다.아직 리
54.Today I Learned
주말에 네비바 호버시 아이콘의 scale 커지면서 텍스트와 텍스트 풍선이 같이 나오는 부분을 구현하였다.그 부분을 재사용하여 네비바의 모든 아이템에 적용하도록 map으로 바꾸고 useState를 사용하였다.기존 방식hoverState에 map의 아이템을 돌리면서 ite
55.Today I Learned
상품 클릭 시 추천 상품 기능 구현을 맡았다.초반에 코드 작성에 어려움이 있었지만 구글링과 다른 팀원의 도움으로 잘 해결했다.4개의 상품 추천 아이템을 랜덤으로 뿌려주기위해 Math.random과 Math.floor를 사용하여 Randomkimchi를 콘솔로 찍어보면
56.Today I Learned (미니 프로젝트 회고)
react 와 redux-toolkit , jsonserver를 이용하여 CRUD 및 구현을 하였고 여러가지를 하면서 비동기에 대한 이해도, react state관리에 대한 이해도가 많이 늘었다. 하지만 아직까지 이해 못한 부분도 많고 공부 해야할게 많다.React r
57.Today I Learned
리액트 네이티브를 배웠다.기본 TO-DO list 자바스크립트 로직 없이 UI를 만들다가 중간에 사용자 권한 오류가 자꾸 떠서...빡침바탕화면에서 파일들을 만들어서 사용하다가 C 드라이브에 사용자 안에서 파일을 만들어서 자꾸 사용자 권한 오류가 계속 뜬 거였다...팀원
58.Today I Learned
새로운 팀이 선정됐다. 팀명은 APPLE부랴부랴 리액트 네이티브 실시간 강의 보면서 todo-list UI를 완성했다.저녁쯤에 다른 팀원들과 약속이 있어 제대로 공부 안 함 ^^
59.Weekly I Learned
리액트 클론코딩 프로젝트를 잘 마무리했다.새로운 팀원들을 만났다.프로젝트 시 소통이 중요하다는걸 또 한번 느낌모르면 물어보자!! 맡은 기능 구현을 완성했다!! 비록 도움을 받았지만 뿌듯하다아직 리액트 기본기가 부족하다.자바스크립트의 기본기가 부족하다.리액트 클론코딩 스
60.Today I Learned
선생님 강의보면서 리액트 네이티브 파이어베이스 이용해서 crud 구현혼자서 메모장 구현중...코테...다른 팀원분에게 도움 요청다른 아이콘을 불러와서 사용하는데 오류가 떠서 구글링하다가 expo vector icon 사용했다.먼저 import 하기trash-sharp
61.Today I Learned
리액트 네이티브로 메모장 구현중리액트 네이티브 심화과정 들었다.글쓰기 페이지에서 줄바꿈을 하면 메모 리스트에 생성이 된다.input에서 엔터를 눌르면 onsubmit이 안되게끔 구현을 했는데 전혀 먹히지 않았다.input에서 엔터를 치면 onsubmit이 일어나게 함수
62.Today I Learned
리액트 심화 과정을 들었다.꽤 많은 에러들을 만났다. 오류 해결하는 게 너무 힘들다.ScrollView to FlatList에서 movie.overview.slice 오류가 떴다....사진처럼 overview 텍스트를 api로 불러와서 slice 메소드를 사용하여 70
63.Today I Learned
리액트 네이티브 영화 리뷰 따라 만들었다. 파이어베이스에서 오류 범벅..params에 중괄호가 빠져서 오류가 났다...팀원분이랑 하나하나 보면서 해결했다^^fontSize: 30이면 color: isDark 가 true이면 white 이고 아니면 black으로 바꿔주는
64.Today I Learned
리액트 네이티브 프로젝트가 시작되었다.음악 aip를 불러와서 음악 추천 어플을 만들려다가 유기견 어플을 만들기로 팀원들과 정했다.피그마로 같이 디자인과 기능을 와이어프레임을 만들었다.다른 팀원분이 맡은 유기견 api 불러오는 부분에서 많은 어려움을 겪고있다.나는 문의
65.Weekly I Learned
부랴부랴 댓글 ui와 댓글 작성 클릭 시 모달창을 띄우는 부분을 구현했다.todo리스트와 제천 튜터님 코드와 구글링을 통해 하나하나 구현하고있다.역시 같이하는 프로젝트는 너무 재밌다!!!!리액트 네이티브가 처음이지만 꾸준히 강의 듣고 따라했다.코드 작성시 순서를 작성하
66.Today I Learned
수많은 오류를 만났다.stackoverflocw 참고stackoverflow를 보고 코드를 다시보니 Detail -> Review로 이어지는 사이클인데 Review -> 또 Detail로 가는import가 있어 생기는 오류이다.import Detail을 삭제하면 오류는
67.Today I Learned
오늘 한일✅ swipe to delete를 만들었다. 문제점✅ 원래 하고싶은 디자인의 있었는데 그 부분은 따라해보다가 계속 오류도 나서 시간 관계상 다른 디자인의 swipe 삭제로 변경했다. 해결✅ Swipeable을 install을 해서 오른쪽에서 왼쪽으로 밀면 de
68.Today I Learned
댓글 수정에서 많은 오류가 났고 구조 자체를 어떻게 짜야될지 감이 안왔다..결국 튜터님과 팀원들에게 도움을 요청해서 정상적으로 작동이 되었다..리액트 리덕스를 사용해볼껄.. 이라는 생각이 들었다.리액트 많이 짜보자...ㅜㅜ
69.Today I Learned
댓글 수정 오류가 났다.각각의 댓글 클릭 시 console.log 에서 같은 id값으로 뜨는 문제가 생김. (각각의 고유의 id값이 뜨지 않는다. )댓글 수정 시 한 댓글에서만 수정되는 오류가 생김부모 컴포넌트인 Detail useStates 를 만들어서 자식 컴포넌트
70.Today I Learned (미니 프로젝트 회고)
프로젝트 명 : Apple Pet필수 작업: UI 구현하기 , API 명세서 작성하기, CRUD 구현( 카드 리스트 조회, 카드 상세 조회, 카드 추가, 카드 수정, 카드 삭제 ), 배포, DarkMode, 유효성 검사, 리액트 쿼리, 깃/깃허브 사용추가 작업: Inf
71.Weekly I Learned
한 일 리액트 네이티브 애플펫 프로젝트를 잘 마무리했다. 공공데이터 사이트에서 제공한 API를 이용해서 유기동물에게 반려인을 찾아주기를 위한 앱 사이트를 만드는 프로젝트를 했다. 개인적으로 너무 해보고싶은 주제중에 하나였다. 앱 만드는것도 재미있었다. 느낀 점 일인분
72.Today I Learned(면접 질문 테스트)
원장님과 면접 테스트? 같은걸 했다.SPA(Single Page Application)는 한 개(single)의 page로 구성된 어플리케이션이다.SPA는 CSR(Client Side Rendering)방식으로 렌더링한다.단 한번만 리소스 (HTML, CSS, Javs
73.Today I Learned(면접 질문 테스트)
오늘 한일✅ 새로운 팀원들을 만났다. 자바스크립트 런타임 환경 2가지🔥 자바스크립트의 런타임환경 2가지는 Browser, node이다. > 과거에는 자바스크립트 런타임이 브라우저 밖에 없었다. 하지만 이제 node.js라는 새로운 자바스크립트 런타임이 나왔다. 자바
74.Today I Learned
redux todolist를 typescript로 리팩토링을 했다.이 순서대로 install했는데 오류남npx typescript --init npm err! could not determine executable to run오류 해결하지 못하고 아래 방법대로 재 설치
75.Today I Learned
redux-toolkit으로 리팩토링했다.action items와 action creators가 필요없다.reducer를 toolkit으로 변경한다.createSlice가 만든 유니크한 액션값을 export해서 dispatch로 넘겨준다.toolkit으로 이렇게 코드가
76.Today I Learned
새로운 팀원들과 리액트 프로젝트를 시작했다. 아티스트와 팬을 이어주는 fandom life platform 을 만들기로했다. 피그마로 같이 디자인과 기능을 와이어프레임을 만들었다.
77.Weekly I Learned
유튜브 api 불러올때 삽질을 많이 했다.구글링과 인도형님들의 영상을 보면서 유튜브 api불러오는것을 성공했다!!삽질이건 뭐든 부딪혀봐야 알게 되는 것 같다api불러오는 부분을 성공해서 너무 뿌듯하다!! 리덕스를 사용하여 불러왔는데 좀 이해가 가진 않지만 그래도 성공.
78.Today I Learned
유튜브 api를 불러왔다!유튜브 키 발급 참고 사이트를 통해 성공적으로 키 발급을 받았다.특정채널 ID 불러오기 특정채널 ID 불러오기 참고 사이트 키 환경변수 설정utils 폴더에 Api.ts 파일에 baseURL과 키를 환경변수 설정해준다.REACT_APP\_ 키워
79.Today I Learned
우리조는 리덕스 toolkit과 thunk를 사용하기로 해서 리팩토링을 했다..thunk는 아예 몰랐고 toolkit은 살짝 알고 있었으나 리팩토링에 어려움을 느껴 팀원분이 도와주셨다..좋아요 기능으로 얼른 넘어가야되기 때문에 팀원분이 코드 쳐주심ㅋㅋㅋ나도 우리 사장님
80.Today I Learned
좋아요 기능을 구현했다.이번 프로젝트의 좋아요 기능은 일반적인 좋아요 기능과는 달랐다.기존의 db에 들어가서 isLike을 true 또는 false로 바꿔주는 경우가 대부분이다.하지만! 우리 프로젝트는 유튜브 Api를 불러오기 때문에 파이어베이스에 일일이 저장할 수 없
81.Weekly I Learned
추가적인 기능인 무한 스크롤과 skeleton 구현해 실패했다...아 어려워ㅠㅠ계속해도 안되는 건 잠시 내려놓자... 다음 프로젝트를 위해밤을 새워가며 해 결해 보려고 한 점 칭찬해👏아직 리액트 기본기가 부족하다.자바스크립트의 기본기가 부족하다.다 부족하다...프로젝
82.Today I Learned (미니 프로젝트 회고)
짧은 기간 동안 리액트 심화 프로젝트를 진행하면서 최대한 많은 것을 가져가려고 노력했다.최종 프로젝트 전의 마지막 프로젝트여서 해내겠다는 의지를 갖고 진행을 했었다.좋았던 것도 있고 아쉬웠던 것도 있었지만 프로젝트를 마무리하면서 팀원들과 KPT 회고를 했다. 코드 컨벤
83.Today I Learned
소셜 공유 시, 또는 마이페이지에서 좋아요 누른 동영상이나 댓글을 클릭했을 때 상세페이지로 이동되면 빈 화면이 되어버린다는 이슈가 있습니다.한줄로 요약하자면 상세페이지에 해당하는 <DetailView> 컴포넌트가 이전 페이지인 <Media> 컴포넌트에 종속되
84.Today I Learned
드림 코딩 리액트 강의를 들었다.어제 로딩을 구현했으나 데이터가 바뀌는 시간(2~3초)이 짧아서 로딩될 때 로딩 스피너가 순식간에 보이다가 해당 데이터 바로 바뀌어서 보이지 않았다고 TIL에 적었다.하지만 어제 코드가 잘못된 것이었다. 찰나의 순간에도 보이지 않았던 것
85.Today I Learned
react-query는 서버 상태를 다루는 라이브러리다.redux, mobx 등은 클라이언트 상태를 다루는 라이브러리다.react-query 는 전역 상태관리 라이브러리가 아니라 서버와 클라이언트 간의 비동기 작업(데이터 Fetching, 캐싱, 동기화, 서버 데이터
86.Today I Learned
바운스 팀원들과 마지막으로 재미나게 수다를 떨었다. 공부한 게 없다\~\~~
87.Weekly I Learned
전 팀원과 최종 프로젝트 전이여서 리액트를 공부하였다.계속해도 안되는 건 잠시 내려놓자... 다음 프로젝트를 위해밤을 새워가며 해결해 보려고 한 점 칭찬해👏아직 리액트 기본기가 부족하다.자바스크립트의 기본기가 부족하다.다 부족하다...리액트를 공부하였다
88.Today I Learned
최종 프로젝트 팀원들을 만났다.최종 프로젝트 주제를 정하는데 꽤 오랜 시간이 걸렸다.어쩌다 보니 내가 리더가 되었다.어쩌다 보니 매칭 사이트를 기획하였다.
89.Today I Learned
초기 S.A를 작성하였다.기획은 참 어렵구나..산책을 함께 할 친구 매칭을 위한 플랫폼이다. 지도 api를 사용할 것이다.가보자규!!!!!!!!!!!!!로그인/ 회원가입파이어베이스를 이용한 로그인&아웃/회원가입 기능로그인 시 메인페이지로 이동 -일반로그인/소셜로그인
90.Today I Learned
드디어 디자이너를 만났다!!!!최종 프로젝트는 디자인 신경을 안 써도 되니 너무 행복하다UI 중간 점검을 받았고 튜터님의 피드백을 받았다!우린 앱으로도 제작을 하고 싶었는데 튜터님의 추천은 반응형으로 제작을 해보고 나중에 시간이 되면 PWA로 앱으로 만들 수 있다고 하
91.Today I Learned
1차 UI가 어느정도 가락이 잡혔다.디자이너와 본격적인 협업에 들어갔다.초기 파일을 만들었다. 처음 해봐서 떨렸지만 전 조원들과 함께 만들어봤던 기억이 나서 막히지 않았다.환경 변수 설정도 저번 프로젝트 때 해봐서 막힘없이 바로 되었다. 역시 해봐야 알아!!!!!!
92.Today I Learned
주제가 인상 깊은 반면에 특색 있는 기능이 부족하다는 평을 받았다.팀원들과 당근 마켓의 유저들의 후기 평가를 넣어보자는 말이 나왔고 좋은 기능인 것 같아 추가 기능을 넣었다. 정말 구현이 된다면 너무 기쁠듯하다!!!진짜 회의와 기획만 하였다!회의록을 작성하기로 하여 회
93.Weekly I Learned
리더가 된다는 건 정말 부담감이 크다.리더는 아무나 하는 게 아니다.팀원들의 의견을 조율하는 과정에서 나름 꽤? 잘한 것 같다.각 팀원들의 의견을 들으려 했다.아직 리액트 기본기가 부족하다.자바스크립트의 기본기가 부족하다.다 부족하다...댓글 CRUD 작업을 하였다.
94.Today I Learned
각자 기능들을 본격적으로 구현하고 있다.댓글 CRUD는 두번째라 술술 풀리고 있다.튜터님의 급? 코드 리뷰를 해주셨다. 기본적인 파일 구조에 대해 피드백을 해주셨다. 튜터님의 피드백을 받고 GlobalStyle 컴포넌트를 APP -> index.ts 로 변경하라고 하셨
95.Today I Learned
댓글 update에서 오류가 발생했다.수정하기 버튼 클릭 후 댓글을 수정하지 않고 완료하기 버튼을 눌르는 동시에 그 전에 작성한 댓글이 사라진다.그 전의 댓글이 사라지고 완료하기 버튼을 클릭하면 아무 메세지도 없는 빈 값의 댓글이 달린다.파이어베이스에서 바뀐 값을 인지
96.Today I Learned
오늘 한일✅ 카테고리 라우터 설정을 하였다. 정말 감이 잡히지 않아 전 조원분에게도 물어보고 매니저님한테 물어물어 해결하였다. 구현 방법 1. CategoryList를 만들어준다.
97.Today I Learned
카테고리 공통 컴포넌트 코드 구현을 하였다.클릭하면 모달창 보여지는 코드 참고 사이트카테고리 컴포넌트를 만든다.메인 포스트 페이지에서 카테고리와 아이콘을 감싸는 div를 하나 더 만든다. 그 div에 온클릭을 했을때 setshow하게 만든다.true이면 드랍다운 컴포넌
98.Today I Learned
DropdownCategory 리팩토링? map으로 변경하였다.댓글을 리코일(처음 사용해봄!!)을 사용하여 post.id를 가져왔다.초반에는 아무생각없이 이렇게 사용하고 있었다😏글을 쓸때는 전체라는 카테고리가 필요없어 filter를 사용해서 전체라는 이름만 빼고 de
99.Today I Learned
댓글 리코일 사용 방법을 적겠다!!!!일단! 해당 글 페이지에서 댓글을 달려면 해당 글의 id값이 필요하다!!DropdownCategory 페이지에서 post.id 키 값을 넘겨준다.CardSection 컴포넌트에서 post를 받고 있으니 리코일을 사용해보자!(변수 이
100.Weekly I Learned
카테고리가 부분을 해결해서 좋다할게 너무 많다팀원들의 의견을 조율하는 과정에서 나름 꽤? 잘한 것 같다.각 팀원들의 의견을 들으려 했다.아직 리액트 기본기가 부족하다.자바스크립트의 기본기가 부족하다.다 부족하다...댓글 CRUD 작업을 하였다.카테고리 작업을 하였다.
101.Today I Learned
해당 페이지 글 디테일을 불러왔다.리코일은 리덕스와 같아서 새로고침하면 날라간다.useParams를 사용하여 구조 분해 할당을 하여 사용함 CardSection에서 키 값으로 post.id를 넘겨주기 때문에 useParams로 post.id 값을 가져온다.
102.Today I Learned
디테일 페이지에서 ...을 클릭하며 드롭다운 코드 구현을 했다.에러를 구글링하여 useEffect를 사용하여 DeletePostHandler(id) 렌더될때 실행되게 바꾸어 보았는데 되지 않았다.(아직도 useEffect 감이 안잡힌다..)삭제 버튼 클릭하면 () =>
103.Today I Learned
카테고리 필터링 구현 때문에 카테고리 매개변수 빼고 다시 리팩토링을 하였다.카테고리 뒤에 매개변수를 지워준다.Categoryslide 에서 navigate에 state: filter.name이라고 바꾼다.페이지를 이동하면서 값을 전달해야하는 상황은 부모와 자식의 관계가
104.Today I Learned
달력 필터링을 구현하였다.내가 선택한 날짜를 useState를 사용하여 reverseDate에 넣고 db에 올라간 RsvHour_posting이랑 같으면 의존성 배열에 넣어 그 값이 바뀔때마다 실행하게끔 코드 구현을 하였다.코드 구현한 방식은 두번 호출하는것이기 때문에
105.Today I Learned
카테고리 매개변수를 빼고 리팩토링을 하였는데 뒤로 가기를 누르면 state의 기본값인 반려동물 페이지로만 가지는 현상이 있어 다시 매개변수로 라우터 설정해 줬을 때로 다시 리팩토링을 다시 하였다^^;;예를 들어 음악 카테고리를 누르고 상세 페이지로 이동한 뒤 뒤로 가기
106.Weekly I Learned
필터링 구현을 하게되어서 너무 기쁘다 한결 맘이 편하다한게 많은데 기억이 안난다추가 기능 구현을 하기위해 얼른 속도를 다들 내야된다.팀원들의 의견을 조율하는 과정에서 나름 꽤? 잘한 것 같다.각 팀원들의 의견을 들으려 했다.아직 리액트 기본기가 부족하다.자바스크립트의
107.Today I Learned
대망의 게시글 수정을 하였다.드롭다운 버튼을 클릭했을때 navigate로 해당 edit 페이지의 id로 넘아가고 그 글의 getposting 담긴 값을 state로 넘겨준다.콘솔로그로 state 값을 찍어보면 그 해당 게시글을 db값이 잘 찍힌다.postEditpage
108.Today I Learned
오늘 한일✅ 게시글 수정시 썸네일과 배너 업데이트 부분에서 문제가 많았다.. 우리 기술이사님과 함께 해결하였다.. 졸라리 어렵네 문제점✅ 시도해본 것들✅ 해결✅ 알게 된점✅
109.Today I Learned
게시글 수정시 썸네일과 배너 업데이트 부분에서 문제가 많았다.. 우리 기술이사님과 함께 해결하였다.. 졸라리 어렵네기술이사님과 상의를 했다.게시글 수정 시 하나만 수정할 수 있으니 각각 수정되게끔 해서 if 문 으로 조건부로 수정하게끔 리팩토링을 하려고 했다.하지만!!
110.Today I Learned
달력 수정과 시간 수정을 하였다.일단 게시글 수정을 눌렀을때 db에 올라간 달력 날짜와 시간이 datepicker에 들어와야된다datepick의 공식문서를 찾아서 defaultValue 값을 찾아보았다.datepick 공식문서일단 db에 가공된 값을 AntCalenda
111.Today I Learned
달력 수정을 하였다.오전과 오후가 있기 때문에 조건에 맞춰서 코드를 작성해줌수정하기 전의 초기값이 빈 문자열을 기존의 값으로 바꿔주는 부분달력처럼 만약 초기값인 PreviousHour있으면 그값을 setReserveTime 넣어주고 15:15를 보내준다. postEdi
112.Weekly I Learned
게시글 수정 부분이 쉬울줄 알았지만 굉장히 어려웠다^^추가 기능 구현을 하기위해 얼른 속도를 다들 내야된다.팀원들의 의견을 조율하는 과정에서 나름 꽤? 잘한 것 같다.각 팀원들의 의견을 들으려 했다.아직 리액트 기본기가 부족하다.자바스크립트의 기본기가 부족하다.다 부족
113.Today I Learned
한게 많다디테일 페이지에서 산책 완료버튼 클릭 시 산책이 완료되었습니다라는 버튼이 바로 나오지 않고 새로고침을 하거나 다른 페이지를 들어갔다가 들어오면 생기는 이상한 버그? 가 생겼다수정하기 전 코드수정하기 후 코드 onsnapshot으로 바꾸면 산책 완료 버튼을 선택
114.Today I Learned
카테고리 달력 필터링 부분에 에러가 있어 기술이사님과 함께 수정하였다카테고리 필터링 페이지에서 카테고리 선택를 하고 달력으로 날짜를 선택한다.날짜를 선택하고 게시글을 본다. 하지만 다른 페이지를 갔다가 카테고리 필터링 페이지를 들어가면 아까 선택한 날짜가 계속 남아있는
115.Today I Learned
저번 프로젝트때 실패했던 스켈레톤 UI를 성공했다!!!!!!스켈레톤 컴포넌트를 만든다. 여기서 아무 값도 없는데 map을 돌릴수가 있다는게 이해가 정말 가지 않았다.다른 조 팀원분이 설명을 해주다가 굉장히 답답해 하셨다 ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ암튼 우리 화면에 8개씩 카드
116.Today I Learned
디자이너와 협업하면 꼭 넣어보고 싶었던 기능중 하나가 로더였다! 로더는 저번 프로젝트때 해봤지만 우리 컨셉에 맞게 그래픽 요소를 넣고싶었다! 너무 맘에든다 useState 기본값을 fasle로 설정한다.isLoading가 true이면 Loader 컴포넌트가 실행이 된다
117.Today I Learned
웹폰트 최적화 하였다.시스템에 폰트가 없다면 폰트를 보여줄 수 없음디자이너의 의도대로 표현할 수 없음.가독성이 떨어짐한국어는 특히, web safe font로는 한계가 있음.주로 4가지 형식이 쓰임.EOT: IE8 이하일 경우TTF: 구형 안드로이드버전(4.4)에서 필
118.Weekly I Learned
요번에 조에 많은일이 있어 부리더와 미친듯이 마무리 작업을 했고 주말에도 할것이 많다. 하루 커밋수가 61개가 넘는게 있었다 ㅋㅋㅋㅋㅋㅋㅋㅋㅋ제출일이 다가오니 초 집중력이 생긴다 ㅋㅋㅋㅋㅋㅋ팀원들의 스케줄 관리를 했고 속도를 내기위해 부리더와 힘을 합쳐 으쌰으쌰 했다아
119.Today I Learned
기술이사님이 팀원분이 리액트쿼리를 사용해서 리팩토링을 하였다.이미지 최적화를 진행했더니 성능이 굉장히 좋아졌다.대망의 최종 발표를 하였다.기술 면접? 처럼 면접볼때 조언을 많이 해주셨다.힘들었던 최종 프로젝트가 끝이났다.하지만 리팩토링이 많이 남아있다 ㅋㅋㅋㅋㅋㅋ❓
120.Today I Learned
깃허브와 vercel을 다른 팀원으로 되어있었는데 내 레파지토리로 변경을 했는데도 머지를 하면 배포된 주소로 업데이트가 안된다!!! 이거 바꾸고 오류 잡느라 😅깃허브와 vercel 레파지토리를 내 걸로 했어야 하는데 취업해서 떠난 팀원걸로 초기 설정을 해놔서 프로젝트