내배캠-TIL

본캠프 시작 전 OT를 들으며 마지막으로 각오를 다졌다.. 이제 찐시작이라고.. 레쭈고..ㅜ 미니프로젝트 첫 번째 팀을 배정받았고 우리 팀과 팀원들을 소개하는 간단한? 미니프로젝트가 주어졌다. 우선 내가 짜본 팀 소개 페이지는 이러했다. 깃허브 특강 예전에 대학

나 진짜 하나도 없어요,, 정신이..오늘 난 새로운 에러와 만났다딕셔너리 키가 기존 키 집합에서 발견되지 않을 때 발생하게 됩니다.라는데...DB코드에서 data로 받는 id값이 잘못되어서 떴던 것 같다.일단 하나의 키에러는 발견해서 해결했는데..좋아요 수가 카운팅 될

아무도 재촉하지 않는데발등에 불똥 떨어진 것 같은 사람 ;;;KeyError 해결하기개인페이지 소개글 작성우리팀 목표 작성팀원과 백엔드 코드 공유어제 몇 시간동안 씨름하던 KeyError는진짜 어이가 없게도..이게 고친 코드고 원래는이거.url경로가 같아서 생긴 문제였

어제의 나 DONE [x] 발표 PPT 제작 [x] 발표 대본 가이드주기 [x] DB에러 해결하기 어제 오후에 발생했다고 징징댄 몽고디비 에러가... 또 너무나도 허무하게 해결되었다. 쓰읍

대망의 발표날입니다...근데요.. 우리가요.. 좀 잘못 이해한듯해여제출 양식을~근데 그도 그럴게 공지가 점 헷갈리게 써있지 않았나.. (미안합니다..미안합니다..)\+다른 팀들 완성도가 진짜 미텼다는 말밖에 안나왔어영팀원들이랑 감탄하면서 봤구.. \++튜터님 피드백도

Today is...자바스크립트 문법 뽀각알고리즘 되새기기시간복잡도 완벽 이해나는 자바스크립트가 좋아요오..C에 비하면 너무 선녀에요..아니라면 미안합니다(아직 걸음마단계임)오늘 강의 들으며 복습해본 내용들===: 객체 속성에 접근하는 키워드: 클래스 같은 템플릿 없이

새 팀으로 둥지를 틀었고, 새로운 삐약이들을 만난 9일차 회고레쭈고!!웹개발 종합반과 미니프로젝트를 하면서 조금 익숙해진 파이썬이긴 하지만, 빈 작업창을 보고 있으면 막막한 기분이 드는 건 사실(..ㅎ)이었는데.기본 문법들을 하루만에 뽀개는게 가능하다니.. 기적아닐지?

로직 짜는거.. 너무 어려워잉.. 제일 시간을 많이 쓰던 파트인데 오늘 역시 다르지 않았어요...하루하루 하다보면 될거라 주문을 걸며 마음을 다스러보아요. 후DONE알고리즘 강의 듣기이전 강의 복습백준 1단계 풀기파이썬에선 for문에 범위를 지정해주는 range함수를

와아아아악점점 더 어려워지는 와중에 약간 안심(?)인 부분은 나만 그런게 아닌 것 같다는 점이랄까요.. 그래도 끝까지 낑낑대던 알고리즘 2주차 숙제가 풀려서 기부니가 좋아졌어요 하하오늘도 유익했던 창민 튜터님의 알고리즘 리뷰강의 \-삽입 시간 \-삭제 시간 \-검색 시

알고리즘 어렵다고 그만 말할게요.같은 말하기 지겹네요 저도..고민이 있는데여..퀴즈, 숙제 풀릴 때까지 붙잡고 있기조금 고민해보고 안되면 강의보고 따라하기전자로 해보니 내 기량때문에 강의스케줄을 따라갈 수가 없음후자로 해보니 해냈다는 뿌듯함이 없어지고 내것이 된 건지

<span style= "color:- x 정렬 알고리즘 - 노마드코더 영상해쉬테이블 - 노마드코더 영상자바스크립트 - 영상 강의<span style= "color:- x 프로그래머스 Lv.0 깃허브 강의 1주차 예습알고리즘 강의는 막바지를 달려가고... D

뭔가 알고리즘이라는 트랩아닌 트랩에 빠진 것 같다는 생각이 들던 찰나,전 팀원과 얘기를 나누다 본인은 웹퍼블리싱 강의를 시작했고, 이게 하루 스케줄 중 80이라면 나머지 20에 알고리즘을 한다는 이야기를 들었다.솔깃..이라 하기엔 좀 그렇지만 어쨋든 오늘 나에게 상당히

퍼블리싱 2주차 강의는 !! (이중 NOT 연산자) 다른 타입의 데이터를 boolean 타입으로 형 변환 시켜줌 blind css 네이버 웹사이트를 개발자도구로 보면 클래스를 blind로 지정해준 것이 종종 보인다 blind 처리 웹 접근성을 고려 실제로는 안

오늘의 TIMELINE 오전 웹 퍼블리싱 3주차 1-2강 스터디 준비 소개 파트 숙지 코딩테스트 문제풀이 with팀원들 프로그래머스 lv.0 - 옹알이(1) 오후 웹 퍼블리싱 3주차 완강 웹 퍼블리싱 정복반 요약 커큘 복습 Firebase 특강 옹알이

오전 프로젝트 발제 회의, 와이어프레임 작성 역할 분담 - 로그인, 회원가입/ 프로젝트 발표 오후 사이트 구조 파악하기 웹 퍼블리싱 완강! 프로젝트에 쓰일 기능 정리해보기 swiper 기능 구현 시 필수 swiper-container <-별도의 컨테

SPA와 파이어베이스 특강이 한번 더 올라왔다. 들을 땐 어렵지 않아보였는데 막상 프로젝트에 적용시키려고 하면 에러도 나고 다들 그랬나보다..나도 계속 빈 화면이 나오길래 파이어베이스에 연결이 안됐구나 했는데 구글 애널리틱스에 관한 코드를 지워주니 작동이 됐다! 오전파

TIMELINE 오전 firebase와 연동 팀원들과 공유 - 깃헙 푸시 로그인 화면과 회원가입 화면 분리 오후 홈 화면- 드롭다운 버튼 -> 로그인 전과 후가 다르게 구현 Github 이번 프로젝트의 소목표이기도 한 깃헙 활용을 이루기위해 이슈 생성도 해보고

오전 팀원 프로젝트와 병합 로그인 후 메인페이지 특정 컴포넌트만 변경 오후 자바스크립트 스터디

와악.......머지충돌 최악쓰..........!

&lt;span style="color:\* 프로필설정 브랜치와 병합 오류가 많이 나서 인간 깃이 되어 수작업으로 할 수 밖에 없었다,,스타일 충돌/중복되는 부분 고치기&lt;span style="color:\* 자바스크립트 스터디이벤트핸들러에 대한 문서였는데 잘 이해

기초프로젝트 시작-끝 프로젝트 : 뉴스 피드 프로젝트 필수 구현 기능 로그인, 회원 가입 Firebase Authentication의 API 활용 아이디(이메일), 패스워드 로그인 및 회원가입 소셜 로그인 (구글, 깃헙) CRU

자바스크립트 심화 스타투!내걸로 만들어서 리액트 배울 때 도움 좀 받았음 좋겠고만..모든 data는 byte 단위(8bit)의 식별자인 메모리 주소값을 통해 서로 구분한다.참조형 데이터 변수 할당 과정객체의 변수(프로퍼티) 영역의 별도 공간이 존재한다!

오늘부터 새로운 조로 이동 기기.. 7조로 팀 이름은 레인보우가 되었다🌈 아이디어 내신 분 귀여우시눼.. 오전 자바스크립트 심화 강의 듣기 3강까지 w3 css- 이전 프로젝트에서 적용된 것 위주로 정리하기 오후 자스 스터디 문서 읽기 TIL ➡호이스팅 개념을

오전 코테 스터디 정리까지 자스 심화 강의 4-5강 끝내기 3강 this...복습 오후 W3 css 노트정리 하기 자스 스터디 (어제분 이해못해서 그거까지 읽기) TIL reduce() MDN을 봐도 뭐라는지 잘 이해가 안된다 너 map이랑 뭐가 다르니..?

오전 자스 심화 강의 5-4부터 5-6 듣기 헷갈리는 부분 전체적으로 복습 DOM 특강 복습 오후 코테 풀기 -아침스터디+Day4 자스 스터디 내용 정리 TIL 프로그래머스 코테 ✅ array.sort() ✅ Math.floor 로 인덱스 값

오전 리액트 입문 강의 1주차 1-9까지 오후 리액트 입문 강의 1주차 완강 알고리즘 문제풀이 12/5 https://school.programmers.co.kr/learn/courses/30/lessons/120905 코테스터디 코드 수정 https://school

오전 리액트 자습서 읽기 알고리즘 문제풀이 12/6 오후 리액트 입문강의 복습 개인과제 리액트 심화강의 3강 TIL 리액트 자습서 >React는 사용자 인터페이스를 구축하기 위한 선언적이고 효율적이며 유연한 JavaScript 라이브러리입니다. “컴포넌트”라고

오전 리액트 입문 개인과제 - 투두리스트 만들기 세상에 머리속이 뒤죽박죽인 상태에서 시작하디니.. 이러니까 다 못하지.. 오후 알고리즘 문제풀이 12/7 코알누 리액트 핵심강의 1~3강 정리 진짜 기초 개념을 놓치고 있는 것 같아 추천받은 다른 강의

오전 리액트 props,state복습 코알누 무료강의 따라하기 counter 실습을 다시 했는데 이번엔 컴포넌트도 혼자 분리해보면서 감을 잡은것 같다.. (진짜?) 알고리즘 문풀 12/8 https://school.programmers.co.kr/lear

오전 * 리액트 숙련 강의 복습 1-3 리액트 완강하기 오후 리액트 스터디 문서 읽고 정리 알고리즘 문풀 12/9 다시 정리해보는 Export/ Import > as키워드로 별칭을 할당해줄 수 있다. redux에서는 reducer에서 값의 수정, 변경이 일어난

오전 리액트 숙련강의 복습 투두리스트 다듬기 오후 알고리즘 문제풀이 12/12 TIL

TODO 리액트 숙련 강의 복습 리덕스 과제 시작하기 후발대 영상 찍기 TIL 쓰기 redux 실습 >리덕스를 이용한 카운터 만들기 실습 강의를 멈추고 빼기 기능을 직접 만들어보니 리듀스 동작 원리를 이해할 수 있었다. 📝 리덕스_Action Creat

오전 후발대 복습 -투두리스트 한번 더 만들기 리액트 숙련 과제 오후 후발대 과제 알고리즘 문풀 12/14 https://school.programmers.co.kr/learn/courses/30/lessons/120875 `기울기로 푸는 거였다니..

오전/오후 리액트 숙련 개인과제 끝내기 알고리즘 문제풀이 12/15 https://school.programmers.co.kr/learn/courses/30/lessons/12915 후발대 영상 녹화 TIL 프로그래머스 코테 문제 설명 문자열로 구성된 리스

후발대

오전 WIL 제출 유데미 리액트 라우터 파트 -> 리덕스 에러 해결 오후 과제 리뷰 영상 다시보기 리액트 심화 강의 1-3까지 TIL 제출 리액트 프로젝트 클론 후 실행하기 >스터디에서 하는 라이브코딩 프로젝트를 클론해왔다. yarn start로 어디까지 진행했

리액트 라이프사이클 특강 복습 리액트 심화 완강 리액트 스터디 TIL

오전 리덕스 강좌 유튜브 영상 보기 리덕스 흐름 복습하기 유데미 섹션 3 오후 유데미 섹션 4,10 선언형 프로그래밍 React.js에서는 선언형 자바스크립트 코드로 작성해야 한다. 여기서 선언형이라 하믄 무엇을 나타내는 건지 선언만 해주면 브라우저가 대신 그려준다

프로젝트 start 💡 깃헙

px to rem 푸시하고 나서 받은 피드백 중에 px를 rem으로 바꿔달라는 것이 있었다. 왜 굳이? 라는 생각이 들어서 찾아보니 https://yozm.wishket.com/magazine/detail/1410/ px로 값을 고정하는 순간 브라우저의 설정을 무시하게

피드백 API 명세에서 URL 표기는 host(localhost:3000) 이후 path부터 작성하시면 좀 더 명확합니다. ex) /board 커밋 Rule이 상당히 상세합니다. feat, fix, chore, refactor 정도만 있어도 대부분 커버가 가능하오니 커

Patch 에러 PATCH url/”id값” net::ERRCONNECTIONREFUSED 🚨 상세페이지 보드 편집 초안 중.. patch 에러가 발생하며 변경한 내용이 제대로 db.json에 반영되지 않았다. 오류 해결 전 코드 dispatch을 부른

프로젝트가 끝났다. 발표 전에 마지막으로 앱을 실행해보는데, 약간 당황스러운 부분을 발견했다.편집 버튼을 누르면 기존 데이터가 그대로 있는 상태에서 수정이 가능하도록 하는게 의도였는데, input박스 안이 초기화되는 것을 뒤늦게 알아버렸다.setContent("") 를

ScrollView에 스타일 먹이기 > 스크롤 뷰 스타일은 contentContainerStyle로 적용한다. 팀원과 같이 강의를 보면서 메모했는데 막상 UI를 그릴 땐 왜 생각이 안나..? 당연히 render에러가 떴고, 아 스크롤뷰에서는 스타일 적용이 안되나

리액트 네이티브 Alret 문법자바스크립트 구조분해할당 map, filter 메서드의 특징Alret.API("문자열","문자열",\[{왼},{오}])map으로 순회하며 객체 키를 찾고 바꾸고자하는 밸류값만 바꿔주었다.item.isDone: !isDone 도 아니고 is

defaultValue firebase CRUD addDoc / setDoc - id 생성 차이 참고블로그 * 파이어베이스 CRUD 참고 블로그 1 * 파이어베이스 CRUD 참고 블로그 2 defaultValue defaultValue: 초기값을 지정 (inpu

React Navigation 라이브러리 Navigation prop navigate goBack reset Screen 컴포넌트 navigate 메소드 goBack 메소드

LinearGradient 속성 StyleSheet.absoluteFill Dimensions 속성 height showPagination 로컬 이미지와 웹 이미지 불러오기 require uri 데이터 불러오기 TMDB - API Promise.

FlatListScrollView 와의 차이점내부의 모든 리스트를 한번에 렌더링 해야함 -> 성능 저하화면에 보이는 리스트만 렌더링 &lt;- 화면에 표시되지 않은 리스트는 메모리에서 제거 => 성능 저하 최소화무한스크롤 적용 시 적합셀프 클로징 컴포넌트 - 자식 컴포

React-native 이미지 확대프로젝트 추가 기능으로, 이미지를 클릭하면 모달 창이 뜨고, 거기서 줌이나 스와이프같은 액션이 되도록 하고싶었다.찾아보니 꽤나... 어렵고...인도인 유튜브를 통해 구현해봤는데 이건 focal이 center로 고정되어 줌을 하면 이미지

🐛 프로젝트 리허설 중 에러 발견 현재 날짜 : 2023-01-13 이미 끝난 공연인데 화면에 뿌려주고 있음... 의도했던 구현과 맞지 않는다!!!🔥 > 🔧 로직 추가 > 🔥 정상 작동 확인!!!!!

React native 라이브러리 https://velog.io/@harenohee/RN-이미지-zoom-swipe-모달-라이브러리-추천

이전버전

주간 TODO 이전 프로젝트 ts로 리팩토링 해보기 타입스크립트 역할 : Static Checking 내가 코드를 작성하려고 할 때 에러를 체크해준다. 자바스크립트는 런타임 후에 에러를 뱉는다. 타입스크립트 타입 함수 >(매개변수: 타입): 리턴값의 타입 리

이번 주는 제대로 불태우자

ts를 프로젝트에 셋업하기 >tsconfig.json의 "OutDir" 수정 시 ➡️ ts파일이 컴파일될 곳 결정 컴파일 방법 코드 가독성 생성자 부분 코드가 한눈에 들어오지 않는다. 더 직관적인 코드. interface 클래스보다 넓고 피상적인 관점으로 쓰인다. interface의 method 작성법 reopening interface...

리덕스 툴킷 복습 쿼리 복습 클론코딩

밀렸어요.. TIL.. 프로젝트 회의를 하며 팀장님께 많이 배웠는데 오늘 TIL은 그 내용을 정리해보면 좋을 것 같다.SA 작성와이어 프레임 피그마 이용 - 디자인 팔레트 제작디자인 팔레트 이점:페이지 구성 시 피그마 자동완성 등 와이어프레임 제작이 편리해짐.컬러, 폰

🙏🏻검색 결과 리스트를 회색 컴포넌트 안으로 넣어주고 싶다.🔥맵 컴포넌트 화면 위에 붙어버렸다.💡 구조를 잘못 짰고, state값을 넘겨주는 것에서 많이 헤맸다.Map을 불러오는 컴포넌트로 setState를 넘겨준다.여기에 검색 결과 리스트(=마커)를 저장한다.

env파일에 있는 변수 html에 넣기 https://code-designer.tistory.com/117 이번 프로젝트에서 맵 API를 불러오는 파트를 맡았는데,

노마드코더 NextJS 강의 npm으로 시작하려니까 에러가 터져서 강의와 다르게 yarn 으로 시작했다. 동한님이 이걸 쓰면 npm으로 설치가 될 거라고 하셨다. 다음에 해봐야지 --use-npm >yarn create-next-app >타입스크립트 활용 yarn

강의를 보면서 Link 태그 내부에 a 태그를 쓰길래 그대로 따라했는데 아래와 같은 에러가 떴다. 알고보니 Next.js가 얼마전에 업데이트되며 생긴 이슈 같았다. &lt;span style="color:&lt;span style="color: 친절하게 해결방법까지

Tailwind CSS 장점: 클래스명에 대한 고민을 안해도 됨 직관적이다. >npm install -D tailwindcss postcss autoprefixer npx tailwindcss init -p >> tailwind.config.js 파일 생성 📌

테일윈드 프레임워크에 없는 값을 넣고 싶다면?? JIT 컴파일러 With this information, we can create a "Load More" UI by: Waiting for useInfiniteQuery to request the first gro

https://wonmocyberschool.tistory.com/93 getServerSideProps context 매개변수 출력 결과 >ctx { req: IncomingMessage { _readableState: ReadableState {

space-y: child 요소 사이에 수직 방향으로 간격을 추가

prisma 데이터베이스 with 타입스크립트 1.vscode 확장 prisma 설치 2.dependency로 설치 npm i prisma -D 3.prisma 불러오기 npx prisma init -> prisma 폴더 생성 .env 파일 생성(

파베에서 read해온 부분이 콘솔에는 찍히는데 화면에 표시가 안되고 있었다.💡 map함수 다음에 중괄호를 쓸거면 return이 필요하다는걸 까먹어 생긴 문제였다.이렇게 해결.

프로젝트에서 텍스트 에디터로 react-quill을 사용하기로 했다.제목은 인풋 태그를 따로 빼고 텍스트 창 안에 입력되는 값을 useState로 저장하여 파이어베이스에 저장하려고 했다.문제) content state 값이 저장되지 않음.해결방법 고안)에디터 컴포넌트를

원인: 타임스탬프로 변경 전 Date.now()로 들어간 데이터 값: number. 변경 후 들어간 형: object number 타입 삭제 후 렌더링 - object.toDate() -> 에러없음 https://itsjavascript.com/javascript

커뮤니티 게시판 페이지네이션 구현하기 필요한 페이지 수 2.

Error: Maximum update depth exceeded

닉네임 중복체크 기능 구현하기

url masking과 router.push

nbsp 줄 바꿈 없는 공백 유니코드 00A0로 저장 기존 구현된 부분은 팀원이 짜논 코드를 재사용해서 전혀 염두에 두지않았던 부분이다. >+ 튜터님 피드백: 유니코드로 작성 시 SEO에 불리함. 만약 검색에 노출되면 과&nbsp;로 그대로 보인다고 함 💡 바로 수정하기