TIL

오늘 강의를 다 듣고나니 개인과제가 있다는걸 알아버렸다! 두둥! 매니저님이 개인과제 어렵다고 소문이 났는데 어떠신가요?! 하시면서 찾와주셨는데 아직 과제의 과도 못본 난.. 헉 개인과제!? 빨리 봐야겠는걸..! 하고 과제의 정체를 밝혔더니 1번째 과제는 ?! 두구

오늘은 ES6 문법 강의 영상과 강의 자료를 보면서 공부를 했는데나 혼자.. 2주차 강의를 듣고..다른 팀원들은 대부분 3주차 강의를 듣고계시더라구요..조금 더 열심히 해서 진도를 맞춰야겠어요..!2주차 강의 마지막 부분에!오늘도 어김없이 있는 과제!과연 내용은 무엇일

오늘은 3주차 내용을 다 듣고 4주차 까지 진행했는데 3주차 내용은 데이터 타입, 실행 컨텍스트, this 에 대해 배웠는데 예전에 자바스크립트를 배우다가 this 를 만나고 포기했었는데 여기서 다시 만나니 조금 익숙했다. 그래도 this 가 롤 경매장 만들때,

아직 5강 강의를 다 듣지 못했지만오늘부터 개인과제를 주신다고 하셔서 과제 마감 기한에 맞추기위해서 잠시 강의를 밀어두고..과제 하다가 잘 모르는 내용이 생기면 다시 강의 / 강의자료 를 찾아보게 될거같다..현재 받은 과제의 내용은!jQuery 라이브러리 사용없이 순수

오늘은 어제 작성한 내용을 토대로 과제를 진행하였는데과제 하면서 어려웠던 부분들이나 내가 새로 알게 된 부분들을 정리하고자 한다.encodeURI() : 인터넷 주소에서 사용하는 :, ;, /, =, ?, & 등을 제외하고 인코딩하는 함수입니다.encodeURIComp

오늘은 강의 들을 시간도 없이어제 마저 하지못한

오늘부터 새로운 프로젝트를 하게되는데이전에 했던 개인프로젝트를 토대로 팀 내에서 투표로 뽑힌 코드를 디벨롭하는 프로젝트다이번에 내가 뽑히게 되어서 머쓱 했지만다른분들의 코드를 조금씩 봤더니 같은 내용을 담고있더라도 다른 코드를 작성하신걸 보고내가 조금 더 디벨롭 할수있

영화 카드를 클릭하게 되면 모달창이 뜨고 모달 내부에는 영화에 대한 내용이 뜨게 하는 부분을 이번 팀프로젝트에서 맡았는데하다보니 분명 로그에는 뜨는데 데이터가 안보여지길래원인을 찾을수가 없어서 어떻게 해야하지..? 고민을 하던 중원인을 찾기 위해 디버깅을 했다라인 옆

특별히 어려운것 없었던 하루🔼기존에 와이어 프레임으로 제작한 모달 내부🔼어제 작업한 내용어제 작업한 모달 내부에 추가적으로 상세정보 부분을 만들어야한다.기존에 TMDB 를 통해서 가져온 데이터로는 상세정보 부분을 채울 수 없어서 다시 featch 를 통해 데이터를

나만 없어 피드백.. 받고 싶다 피드백..팀원분이 작업해주신 내용들을 git merge 를 통해 하나로 합치려고 했으나아직 완성을 못하신 분들이 계셔서 git merge 를 하지 못했다.따라서 git merge 는 월요일에 진행될 예정이다.오늘 메일로 개인과제 피드백을

Promise.all() 여러개의 Promise 를 비동기적으로 실행한다.Promise.allSettled여러개의 Promise 를 비동기적 실행하되 한개의 Promise가 reject 되거나 에러가 발생 되는경우에도 무조건 이행한다.fetch, axios 처럼 Pro

TypeScript : 자바스크립트의 슈퍼셋인 오픈소스 프로그래밍 언어여기를 참고하여 TypeScript의 개념을 배운 뒤오늘부터 듣게 된 React 강의 실습물들을 TypeScript로 리팩토링 하면서 개념을 천천히 익혀나갈 예정이다.npm i -g typescrip

기존에 react 로 만든 카운터 앱을 TypeScript로 바꾸면서 내가 지금까지 한건 빙산의 일각인거같다 라는 생각이 들었다.TypeScript 문서를 조금 더 보면서 심도있게 배워야겠다 라는 생각이 들었지만 그렇다고 react 를 등한시 하지않고 둘 다 집중 두마

preventDefault 브라우저의 기본 동작을 방지하는 역할브라우저의 기본 동작checkbox 태그 클릭 시 체크a 태그 클릭 시 url 이동form 태그 안 submit 버튼 클릭 시 데이터 전달하면서 페이지 이동이와 같은 기본 동작을 막는 역할을 하는데특히 3

브라우저나 탭을 닫아도 브라우저에 데이터를 유지시킬수있는 저장소key - value 의 형태로 쌍으로 저장이 된다key 값을 통해서 데이터를 조회한다localStorage.setItem('key이름', 넣을 데이터)저장이 가능한 타입은 숫자, 문자 데이터배열을 저장하기

useRef useRef : 저장공간 혹은 DOM 요소에 접근할 수 있도록 하는 React Hook useRef 가 사용되는 용도 저장공간 state 와 비슷한 역할을 하지만 state 와 ref 의 차이점은 ref 에 들어있는 값이 변화해도 렌더링을 일으키

단계마다 일일이 props 를 넘겨주지않아도 컴포넌트 트리 전체에 데이터를 제공하는 React Hook일반적으로 데이터를 전달해줄때는 props 를 통해서 전달해주었는데부모 → 자식 → 그 자식 → 그자식의 자식 이렇게 전달하는 방식을 prop driling 이라고 한

useSelector : 스토어의 상태값을 반환해주는 Hook▶️ 스토어의 상태값이 바뀐경우 바뀐 스토어의 상태값을 다시가저와 컴포넌트를 렌더링시킨다.🔼 스토어에

두 정수 left와 right가 매개변수로 주어집니다. left부터 right까지의 모든 수들 중에서, 약수의 개수가 짝수인 수는 더하고, 약수의 개수가 홀수인 수는 뺀 수를 return 하도록 solution 함수를 완성해주세요.제한사항1 ≤ left ≤ right

새로 생긴 놀이기구는 인기가 매우 많아 줄이 끊이질 않습니다. 이 놀이기구의 원래 이용료는 price원 인데, 놀이기구를 N 번 째 이용한다면 원래 이용료의 N배를 받기로 하였습니다. 즉, 처음 이용료가 100이었다면 2번째에는 200, 3번째에는 300으로 요금이 인

뉴스피드를 제작하는 팀프로젝트를 진행하게되어서 주제를 정하고 진행하던중API 명세서를 제작해서 제출해야하는데 기존에 API 명세서는 GET,POST 이러한 방식이였으나이번 프로젝트는 서버와 함께 개발하는것이 아니라 프론트엔드 개발만 진행하게되어서Firebase 를 통해

기존의 리덕스를 조금 더 쓰기 편하게 사용하기위해 리덕스팀에서 제작했습니다.Action Creator, Action Value, Reducer 를 각자 만들어줬던것을Slice 라는 API를 통해 하나번에 만들어줄수있습니다.기존 ReduxToolkit을 사용한 코드

아주 간단한DB와 API 서버를 생성해주는 패키지BE에서 실제 DB와 API Server가 구축될 때까지 FE 개발에 임시적으로 사용할 mock data를 생성BE가 하고있는 작업을 기다리지 않고, FE의 로직과 화면을 구현 할 수 있어 효율적으로 협업가능yarn ad

Jotai는 상태를 원자 (atom)라 불리는 작은 단위로 나누어 간편한 상태 관리를 제공합니다.createAtom: Jotai 원자를 생성useAtom: Jotai 원자를 사용하는 HookuseUpdate: Jotai 원자의 업데이트 함수를 사용하는 Hook

React Query는 React 애플리케이션에서 데이터를 관리하기 위한 라이브러리서버 상태 및 데이터를 효과적으로 처리하고 캐시 관리를 제공이를 통해 컴포넌트 간의 상태 공유와 관리, 비동기 데이터 요청 및 갱신을 보다 쉽게 처리선언적 쿼리 데이터 요청 및 관리를

onSubmit 기능을 통해 event.preventDefault(); 해당 함수를 실행하려고 하였으나 event 의 타입을 정의해달라는 에러가 발생이렇게 타입을 정의 해주면 에러 해결이외에도 onClick, onChange 기능을 사용할때 React.~ 뒤에 해당