TIL

스파르타 코딩클럽 리액트 1~16강자바스크립트 데이터 타입리액트 들은 강의에 대한 이해도 약 50%가끔씩 나오는 자바스크립트 내용 100%이해가 되있는 상태가 아님팀 프로젝트 과제 코드리뷰 및 css / 알고리즘 강의 못했음공부하며 생긴 오류는 따로 til 작성강의에

리액트 배열 매서드 예제 연습State 환경에서 Push, Slice, Splice, IndexOf, Find, Some, Every, Sort, Join 배열 매서드 접목하여 실전 연습 코딩 구현화 전반적으로 처음 접하여 난이도 최상최대한 혼자 고민해보고 개념분석여러

그동안 주먹구구식으로 velog를 작성했다면 지금부터라도 파트별로 정리해서 관리해보겠다..! 오늘 한 일 useState 활용한 배열 매서드 숙제 처음부터 코드 다시 짜기 스파르타코딩클럽 리액트 강의 19~21강 udemy css 강의 12~19강 udemy js

오늘은 리액트 스탠다드 수업을 들으며 굉장히 멘붕이 많이 왔던 날이였다..하나하나 따지면 이해가 되지만 그게 쌓이고 쌓인 긴 코드를 보면 어디부터 어떻게 해독을 해야할지 머리가 지끈한 하루.... 다음주 월요일까지 개인과제에 복습에 진도를 나갈생각하니 이번 주말은 벌써

오늘은 리액트 TodoList 개인과제 제출 마지막날... 굉장히 고통스러운 나날의 연속이였다(주말포함)그치만 결과물은 ... 크흠.... 뒤쳐지기 전에 꼭 끝까지 살아남자!React TodoList 개인과제 기능 구현 기능 구현 복습(코드리뷰)Todo List 기능

React TodoList 타임어택 (성공)react 심화 강의Todolist 만들 시 컴포넌트 분리 미흡props 개념, children 개념 부족css, 알고리즘 강의 듣지 못함todolist 심화 강의를 듣는데 확실히 쉽지 않다는게 느껴졌고, 수~목 안에 최소 2

요 근래 몇년간 불면증을 앓던 내가 최근 또 저녁에 잠을 못자는 일이 생겨서, 낮에 좀 자고 그 시간만큼 저녁에 더 공부하고, 이런 일이 좀 있었다. 그치만 너무 안 좋은 습관이기 때문에 어제 저녁 수면 유도 한약을 먹고 잠들었는데.. 새벽에 4시간정도 자고 깨더니 낮

알고리즘 스터디(몫 구하기/나이출력/숫자비교하기/ 두수의 합/ 두수의 나눗셈/ 각도기)자바스크립트 기초강의 1주차 복습리액트 숙련과정 복습if else문 심화 과정인 if () {} else if 문을 적용해서 문제를 풀어봤는데, else if를 if else 그 다음

오늘 부트캠프 동기 중 강의 볼 필요도 없이 개인과제를 진행하며, 모르는 부분만 익혀가면서 구현 연습을 하라는 조원의 조언을 받고 과제 진행을 했었는데.. 모르는 부분 진행하다 탈탈 털렸다 튜터님께.. 다시 원래대로 기본 개념을 탄탄히 한 후 다시 과제를 진행해보도록

자바스크립트 기본개념 어려운 부분 복습알고리즘 2문제리액트 기본개념 복습기본 개념 다시 봐도 100% 이해 못함시간 활용 다 못해서 리액트 개인과제 제대로 시작 못함요즘 헤이해진게 많이 느껴진다 진짜 반성 제대로하고 졸리면 커피를 마시더라도 어떻게든 집중하자 요즘 심각

리액트 입문과정 강의 전체 복습리액트 심화과정 강의 초반 복습(1~8강)useState/useEffect 심화 복습알고리즘 2문제오늘 리액트 숙련과정 다 듣고싶었는데 집중력을 극한으로 끌어올리지 못하여서 다 듣지 못함개인과제 내일 시작부터 건들고 싶었는데, 오전까지 숙

팬레터 리액트 숙련과제 구현 리액트 숙련강의 한번 더 듣기너무 복잡하다 느껴져서 일단 어떻게든 도움 받아 구현해야겠다 생각(각각 멤버에 따른 팬레터 등록이 잘 안됨)일단 구현을 하고 코드 리뷰를 통해 몇번 반복하여 개념 더 상세히 익혀볼 생각한 번 할때 계속 했어야했는

팬레터 구현 velog팬레터 구현 시 '이찬혁','이수현' 버튼을 클릭 시, 아래 쪽에 해당 아티스트에 해당되는 팬레터를 나타내게 하는 부분이 연동이 되어야 하는데, 쉽지 않았다. 가장 뿌리인 컴포넌트에서 useState를 이용해 어느 자식 컴포넌트에도 동일한 값이 연

알고리즘 3문제(자연수 뒤집어 배열로 만들기 / 문자열을 정수로 바꾸기 / 정수 제곱근 판별)팬레터 redux 제외 구현팬레터 만들기리엑트로 팬레터를 구현해보며 전반적인 흐름은 파악했으나 디테일한 부분이 많이 부족함을 느끼고, 워낙 다양한 부분에서 그러한걸 느끼고 있기

알고리즘 1문제fanletter 개인과제 해설 강의 보고 복습분명 어찌어찌 100% 내 머리에서 나온 코드는 아니여도 팬레터 구현은 하였는데, 해설 강의를 봐도 너무 낯설었다. 그래도 최소 3번은 꼭 재구현해서 내걸로 만들겠다그래도 너무 웃긴게 리액트로 구현하는게 너

팀 프로젝트 뉴스피드 회의 후 팀장으로서 S.A (기획안) 작성뉴스피드 프로젝트 S.A알고리즘 1문제firebase 셋업사용자 인증, 즉 회원가입, 로그인을 제공하는 서비스이를 이용하면 이메일, 패스워드 로그인 뿐 아니라 구글 로그인도 쉽게 구현!문서 중심의 NoSQL

뉴스피드 팀 프로젝트 CRUD 삭제 구현 알고리즘 1문제확실히 firestore를 처음써보고 삭제, 수정기능을 같이 적용하려니 너무나 많은 오류와 변수 및 새로운 언어 적용에 있어서 어려움을 겪었다.다양한 경우의 수를 다 적용해도 잘 되지 않았는데, 어디가 원인인지도

뉴스피드 팀 프로젝트 CRUD context 모듈화알고리즘 1문제일단 코딩짜는 개념에 대해 좀 다루고 진행하다보니 시간은 더뎠지만 많은 도움이 된 것 같다. 엄청 많은 고민을 하고 코딩을 해야 그게 오히려 더 건강한 코딩습관이라는걸 깨달아서 앞으로 그런식으로 주변의 공

오늘 한 일

팀 프로젝트 뉴스피드 제출 및 발표팀 프로젝트 결과팀 프로젝트(뉴스피드) 회고알고리즘 1문제 풀이팀 프로젝트 코드 리뷰아직 리덕스, firebase연동, context 등 많은 부분에서 전반적으로 부족함을 느껴서 어디서부터 깨우쳐 나갈지 고민이 될 정도인데 그래도 꾸준

알고리즘 1문제todolist, react, redux, react-dom 복습react - redux toolkit / json-server / axios / thunk / query / throttling, debouncing 강의redux를 이용하여 todolis

오늘 한 일

오늘 한 일 알고리즘 1문제 제일 작은 수 제거하기 몰랐던 부분 오늘은 굉장히 큰 소득이 있었는데, input 안에 들어가는 로직 일부분인데 여기서 의문점은 열고 닫는건 오류가 있을 수 있으니 너무 신경쓰지말고 왜 => 다음에 { 가 아닌 (로 먼저 시작하냐는 것이

알고리즘 1문제가운데 글자 가져오기팬레터 인증서비스 최종 구현전반적인 인증 관련 흐름은 이해가 되었지만 디테일한 부분에서 어디가 문제인지 모를만큼 에러가 자주 떠서 나중엔 어디서부터 건들여서 다시 수정을 해야할 지 감이 안잡혔다. 이번에 해설강의를 보면서 에러를 대처하

팬레터 인증서비스 해설 강의보며 복습알고리즘 1문제코딩테스트 : 가운데 글자 가져오기생각보다 강의 시간이 길어서 끝까지 강의 듣지 못함해설 강의 꾸준히 따라해서 내 것 만들기팀 프로젝트 준비(뭔진 아직 모름)업로드중..

오늘 한 일 알고리즘 1문제 수박수박수박수박수박수? 아웃소싱 프로젝트 진행

알고리즘 1문제코딩테스트-내적인증서비스 관련 로그인, 회원가입, 화면제한 강의 들으며 진행하기팀프로젝트 - 아웃소싱2일차인증 처리 관련 너무 복잡해보였지만 어느정도 흐름은 파악하게 되었던 것 같고, 지도 api를 활용하여 웹 사이트를 제작하고 있는데, 앞에 기능 구현이

오늘 한 일 알고리즘 1문제 코딩테스트 - 약수의 개수와 덧셈 인증 강의 들으면서 구현 연습 리덕스 복습 강의 로그인 회원가입 구현 연습 팀 프로젝트

알고리즘 진행\[코딩테스트] 문자열 내림차순으로 배치하기 JavaScript팀 프로젝트 진행팀프로젝트 - 아웃소싱 4일차리덕스 툴킷을 한번 더 활용해보며 조금 더 익숙해짐유효성 검사는 복습해보며 좀 더 익숙해짐업로드중..

1\. 놀이기구는 이용할때마다 price, 2price,,,,, count\*price로 가격이 오름2\. 그 전체의 합이 현재 가지고 있는 money보다 크면 합-money를 return3\. money가 크거나 같으면 0 return평소 같으면 또 무지성 for문과

팀프로젝트 - 아웃소싱 마무리(+KPT)알고리즘 1문제\[코딩테스트] 부족한 금액 계산하기 JavaScript리덕스 자체가 아직 익숙하지 않다보니 툴킷으로 로그인상태 구현하는것도 쉽게하지 못하였고, 쿼리를 꼭 한번은 사용해봤어야 했는데, 그러지 못하여서 아쉽다.리액트

알고리즘 1문제\[코딩테스트] 문자열 다루기 기본 JavaScript타입스크립트 1~2강 듣기최종 프로젝트 팀원 모집오늘은 사실 공부를 열심히 했다기보다 최종 프로젝트 팀원 모집하는데 시간을 할애해서 TIL쓸 부분이 많이 없다.그나마 typescript를 간단히 세팅하

알고리즘 1문제\[코딩테스트] 행렬의 덧셈 JavaScript타입스크립트 3~5강 완강확실히 타입스트립트가 쉽지 않은데도 불구하고 컴퓨터 세계에 내가 들어왔다고 느낀게, 나는 항상 어려워했고, 그러면서도 계속 달려왔다는 점이다. 그래서 이번에도 여러 과제와 다양한 관점

알고리즘 1문제\[코딩테스트] 직사각형 별찍기 JavaScript리액트에 적용하는 타입스크립트 강의propsdrilling, useState를 이용한 todoList 타입스크립트로 구현(Lv1)확실히 처음 적용하는 타입스크립트라 똑같은 코드에 갖춰져있는 예제가 없어서

todolist 다향한 방식으로 typescript 적용(1~5lv)Lv1 - React props drilling, useState 활용한 TodolistLv2 - Redux toolkit 이용한 TodolistLv3 - Redux toolkit에 json-serv

알고리즘 1문제 \[코딩테스트] 최대공약수와 최소공배수 JavaScripttypescript 강의 복습오늘은 선택 과제긴 하지만 개인과제를 하냐고 시간을 많이 태워서 공부양이 많진 않았던 것 같다..그래도 공부를 하긴했으니까 다음날 정신차리고 해보겠다..!업로드중..

Next.js 기본 개념 강의 정독팀 자체 과제 프로젝트 회의이번주에 자체 팀 과제를 진행하게 되었는데,최종 프로젝트를 위한 nextjs를 적용해서 기존에제작해보았던 fanletter를 next와 typescript를 이용해서 세팅해보기로 하였다.처음으로 적용해보는 부

팀 자체 과제 next.js+ typescript로 팬레터 만들기next.js 관련 강의 듣기처음엔 next.js에서 useState만 넣어도 에러가 떴어서 use Client로 잡아줬고, 스타일드 컴포넌트가 먹히지 않아서 자체적으로 적용시켜줬다가 전역으로 관리해줬다가

팀 자체 과제(next.js, typescript를 활용한 팬레터 만들기)일단 내 컴퓨터에 무슨 문제가 있는지 typescript 파일을 생성할때부터 무슨 문제가 있었는데, eslint에러가 뜨면서 아무것도 건들지 않고 yarn start를 해도 실행이 되지 않았고,

next.js / typescript 활용하여 CRUD에서 C 구현firebase에서 api함수들을 호출할 때 이니셜라이즈 앱이 먼저 실행되어야만 기능 실행이 된다는 걸 알게되었다.ex) addDocs같은게 새로고침 시 이니셜라이즈보다 빨리 실행되면 에러가 뜨게 됨이러

팀 프로젝트 - 심화 프로젝트오늘은 오전에 아버지 병원을 모시고 다녀오고 낮부터는 계속 회의를 진행해서 공부는 따로 하지 못하였다. 그래도 회의는 성공적으로 마쳤기 때문에 내일부터는 달릴 수 있을거라 생각든다 화이팅!!!

\[코딩테스트] 최소직사각형 JavaScript 팀 최종 프로젝트 - 1일차아직 코드는 짠게 1도 없음.디자이너와의 협업 매우 기대됨!!

팀 최종 프로젝트\[booker] - 3일차(기획 마무리 & 코드 구현)

팀 최종 프로젝트\[booker] - 4일차(기획 마무리 & 코드 구현)

팀 최종 프로젝트\[booker] - 5일차(필수 기능 코드 구현)

팀 최종 프로젝트\[booker] - 6일차(디테일한 부분 디자인 결정 회의 & 1주차 회고)

팀 최종 프로젝트\[booker] - 7일차(디테일한 부분 디자인 결정 회의 & 추가기능 구현)

팀 최종 프로젝트\[booker] - 8일차(디테일한 부분 디자인 결정 회의 & 추가기능 구현)

→ 로고와 아이콘은 파일로 붙여놓음. 플로팅 액션 버튼(채팅)의 아이콘 디자인 문의아직 진행 X→ 도서를 추가적으로 보여줄 때 페이지네이션/무한스크롤✓ (다른 게시판은 페이지네이션)→ css 진행 중→ 구현 진행 중, 디자인과 관련해서 검색 결과 도서/커뮤니티/중고거래

팀 최종 프로젝트\[booker] - 10일차(디테일한 부분 디자인 결정 회의 & 추가기능\[카카오톡 맵 api & supabase data 연동] 구현)

팀 최종 프로젝트\[booker] - 10일차(디테일한 부분 디자인 결정 회의 & 프로젝트 남은 파트 재분배 및 역할 할당)

오늘 한 일 기술 면접 질문 ★회원가입 validation(유효성 검사)굿 ★스와이퍼 이미지 움직이는거 굿 ★css 굿 ★마이페이지 내가 쓴글 팔로우 목록 잘 구현 ★기술 선택 - typescript 안적어도 무방(디폴트임) ★맞춤 알고리즘 (설문조사 활용 맞춤추천

인텔리픽 이력서 코칭 피드백 신청스파르타 이력서 강의 재수강todolist timeattack마지막 프로젝트를 끝으로 오랜만에 다시 코드를 짜니 github와 연결하는것도 안되었었다.원인은 yarn create react-app 프로젝트명으로 폴더를 구성했어야했는데,

오늘 한 일 알고리즘 기초부터 복습하기 면접 준비

\[JS코딩테스트] 기초부터 복습하기(2)기술면접 & 자기소개면접 준비<자기소개>1분 자기소개 부탁드립니다안녕하세요 대기만성형이자 끝까지가면 다 이긴다는 마인드의 천민규입니다.저는 남들보다 습득력이 뛰어나다고 생각은 안하지만 선배님들의 피드백을 받다보면 어느 순간

\[JS코딩테스트] 기초부터 복습하기(3)이력서 수정어려운상황에서도 내부 개발자 중 한명을 앉히고,개발적으로 빈 자리를 더 많이 나눠 가짐으로써,희생함으로써 그 몫만큼의 개 발을 좀 더 나눠 가져감으로써장점을 어떻게 써서 팀에 기여하고 싶다라고 어필개발할때 신입이지만

오늘 한 일 [JS코딩테스트] 기초부터 복습하기(4) 이력서 수정

\[JS코딩테스트] 기초부터 복습하기(5)

기존에 내일배움캠프 부트캠프에서는 로그인 회원가입을 위해 supabase, firebase에 있는 auth를 통해 인증을 하고, 회원가입시 해당 db에 저장된 유저정보를 통해 중복확인을 진행했었다 혹은 jwt을 통해 로컬 스토리지에 유저의 session ID 를 저장해

리액트를 위해 만든 오픈소스 자바스크립트 웹 프레임워크로 서버사이드렌더링 server side (SSR), 정적 사이트 생성 static site generation(SSG), 중분 정적 재생성incremental static regeneration(ISR)과 같은 풀

오늘은 최종 프로젝트 BOOKER에서 기술 의사 결정에서 React+TypeScript를 채택한 이유를 설명해보려한다.풀스택 웹 애플리케이션을 구축하기 위한 React 프레임워크!!!즉 개발 과정을 간소화할 수 있게 된다.Vercel에서 개발되었으며 SSR, SSG,

일단 커플더플 프로젝트는 커플들끼리 직접 가고 싶은 데이트코스를 만들고 공유하는 사이트를 목적으로 제작하였었다.(멋진 CSS 순도 100% 내작품..! 훗)즉 데이트 코스를 공유하기 위해선 맵으로 위치가 어딘지 보여주어야 하였는데, 그러기 위해선 카카오 or 네이버 맵

next.js는 react를 기반으로 만든 프레임워크 프레임워크 개발자가 기능 구현에만 집중할 수 있도록 필요한 모든 프로그래밍적 재원을 지원하는 기술의 조합 Vue.js Angular.js - js 기반 웹 프론트엔드 SPA 프레임워크 > Inversion of

소프트웨어 개발 방법론 중 하나로, 개발자가 코드를 작성하기 전에 테스트 케이스를 먼저 작성하는 방식테스트 작성(Red)코드 작성(Green)리팩터링(Refactor)테스트 작성 : 개발자는 해당 기능 또는 모듈에 대한 테스트 케이스를 작성합니다. 이 테스트는 실

그동안의 next강의를 토대로 catfact API json data를 활용하여 각 렌더링에 걸맞는 페이지를 구현해보기로 하였다.(과제)렌더링에 대해서는 이전에 너무 많이 설명했으므로 이번 TIL에서는 생략!라우팅과 렌더링의 핵심 개념을 이해할 수 있는 예제를 작성합니

오늘의 미션 >통계정보, 주기적인 업데이트 페이지, 일반 리스트 페이지가 들어간 렌더링 종합세트 TodoList 만들기 전역에서 사용할 네비게이션 만들기 about,report,todos-csr,todos-ssr RootLayout에 삽입하여 모든 페이지에서 접근이

오랜만에 자바스크립트 복습할겸 todolist를 만들어 보기로 하였다. 요즘 2월 이후로 별다른코딩 공부를 하지 못하고 신입으로써 취업을 위한 이력서 수정, 포폴관련 작업만 하다보니 기초가 다 까먹어서 커뮤니티 활용을하지 못하면 언뜻 기억나는 수준밖에 되지 않기에...

공부할 책 CS 그림으로 이해하는 알고리즘 읽고 나면 진짜 쉬워지는 자료 구조 - c 컴퓨터 구조와 운영체제 핵심 노트 컴퓨터 밑바닥의 비밀 면접을 위한 CS 전공지식 노트 - c / a 읽기 쉬운 코드 모두의 네트워크 기초 - c, b JS 딥다이브 자바스크립트 -

7/17(수)~7/21(일)오늘 진행된 강의에서 학습한 내용은 무엇인가요?이번 주 진행된 팀 스터디에서 얻은 인사이트는 무엇인가요?항해 개발자 취업 리부트 코스를 수강하고 작성한 콘텐츠 입니다.

어제 항해 99에서 코딩테스트를 보는데평소와 다르게 cph와 디버깅을 진행할 때 입출력이 평상시처럼 진행이 안되서 매우 당황했던 일이 발생하였다.빠르게 원인만 집고 넘어가자이렇게 코드를 짜고해당 더미 입력 값을 터미널에 넣으면 엔터만 계속 쳐지고 줄바꿈현상만 진행되는

이전에 터미널 디버깅이 sys때문에 막혔는데(end point 세팅을 안해줘서)이번엔 파일로 받아오기를 했더니cph에서 에러가 떴다.그래서 터미널이나 cph 디버깅 둘 다 사용할 수 있는 코드를 찾아냈는데바로 이 코드다.이 함수는 입력을 읽는 역할먼저 input.txt

bfs, dfs 탐색 알고리즘 문제를 푸는게 익숙하지도 않고 혼자 긴 코드를 구현하는것 자체가 쉽지 않았다. 많이 풀어야만 익숙해질 그런 문제인 것 같다문제 풀이에 대한 다양한 접근 방식, 그리고 이번주 수요일부터 개인 프로젝트 시작할 때 유용한 정보에 대해 얻게 되었

아주 많은 개발자가 자율성이 높은 react에서 클린코드를 적용해보며 기능이 동작하지 않는 사례도 많다고 한다. 그러나 클린코드로 작성하는걸 연습하다보면 확실히 리액트에 대한 좋은 코드를 작성하는 좋은 개발자가 될 수 있기에 유데미 강의를 보면서 공부를 해보기로 하였다

다음주 월요일날 항해 99 취업 리부트 코스를 듣기 위해 사전 평가를 통과해야만 한다... 그래서 오랜만에 리엑트를 리마인드하는 강의를 들으며 잊고 있었던 혹은 헤깔렸던 내용을 정리해보려한다 상대경로 import → 절대경로 지정하기 jsconfig.json 파일을