항해 99 Day1
항해 99 Day2!
항해99 Day3!
항해99 Day3!
항해 Day4!
항해 Day5!
항해 OT주차 WIL
언어공부 Day1
언어공부 Day2!
언어공부 Day3!
풀스택 미니 프로젝트 & 자바스크립트 언어 기초
언어공부 Day4!
오늘은 어제에 이어서 콜백함수, 프로미스, async/await에 대해 배웠다. 분명 많이 이해했다고 생각했는데, 문제를 푸는데 코드를 어떻게 쓰는지 몰라서 많이 힘들었다. 기본적인 코드를 보면 알겠는데, 조금만 응용해도 어려웠다. 그래도 팀원분들이나 기술매니저님께 모
알고리즘 Day1!
오늘도 하루종일 코딩테스트! 어제보다 나을 줄 알았는데 훨~씬 어려웠다..ㅎㅎ..그래도 어제 이중for문 이해 하고 자서..! 오늘 이중 for문으로 문제풀때 한 10%정도 더 이해가 빨랐던 것 같다! 그리고 그 문제를 주애님께서 map으로 풀어주셨는데.. 와! map
이번주 주제: JavaScript의 ES란?, ES5/ES6 문법 차이 JavaScript의 ES란?
오늘도 하루종일 코딩테스트 문제를 풀었다. 중간에 집중이 너무 안되가지고 잠깐 졸기도 하고, 리액트 강의도 봤다가, 자바스크립트 공부도 했다가 다시 알고리즘 문제로 돌아왔다. 문제를 읽는데 머리에 너무 안들어가서 산책도 다녀왔다 ㅠ... 월요일이라 그런가? 내일이 모의
오늘은 알고리즘 모의고사 보는 날! 모의고사니까 가벼운 마음으로 보자! 하면서 마인드 컨트롤을 하다가 시험 1시간 전 쯤 되니까 엄청 떨렸다! 어제 for문, if문, split, 이중 for문 정도만 알면 풀 수 있다고 힌트 주셨는데..! 다 열심히 공부했으니까 풀
오늘은 알고리즘 시험날!! 어제 주셨던 백준문제랑 아주 비슷해서(ㅋㅋㅋ) 문제 푸는 것보다 문제 해설에 시간이 많이 들었다. 시험 전까지는 알고리즘 왜하는거야 ㅠ 지금 자바스크립트도 제대로 못하는데 왜 알고리즘하는거지 ㅠ 하면서 스트레스 엄청 받았는데, 하고나니까 뭔가
SPA vs MPA 찾아보기코딩애플 React 강의 듣기React 적응하기!!더 공부해 볼 것: \- SSR vs CSR, Flux, 렌더링, DOM, Virtual DOM, Component와 Props오늘은 리액트 첫날@ 드디어 알고리즘이 끝나고 리액트 공부를
오늘 한 일 코딩애플 React part1 듣기 코딩애플 강의 들으면서 내가 구현해 보고 싶은 것 해보기! 모달창 각각 나오는 것만 구현했지만..! 아무튼 하트 채워졌다가 없어지는 것도 구현 했으니 만족! 그리고 오타에서 에러가 엄청 나온다 ㅠ 조심하자..! 오늘 배운 것 훅함수! 아직 useState만 알고 있지만..! 기범님이 todolist 만들때는...
"함수의 매개변수를 통해 다른 함수의 내부로 전달되는 함수를 콜백 함수라 하며, 함수의 외부에서 콜백함수를 전달받은 함수를 고차함수라고 한다." (자바스크립트 deepdive)자바스크립트에서 비동기처리를 위해서 사용되는 패턴Callback 같은 경우 함수의 처리 순서를
오늘은 TodoList insert기능까지 만들고 밀린 강의를 들었다. 저번에 들었던 스파르타 강의&코딩애플 강의 들으면서 컴포넌트로 쪼개는 연습하면서 만들었는데.. 음.. 처음에 잘 정리하고 만든게 아니다보니 어디서 어디로 이어지고 ㅠ props가 어떻게 들어가고 어
오늘 한 일 리액트에도 폴더 컨벤션?이 있어서, pages 폴더를 만들고 components폴더에 다때려박았던 애들도 폴더로 만들어줘서 정리했다. 그리고 삭제 기능을 구현하는데 어제와 마찬가지로 todoItems에서 todo로 뭘 보내줬더라? 이렇게 보내면 되나..?
vercel을 써서 배포해보았다!!@@@@@ 완전 편리하다!프로젝트를 깃헙에 올리고, vercel에 깃허브로 가입해서 deploy해주면,깃헙 업데이트 해줄때마다 자동으로 반영된다..! 실수로 콘솔로그 찍은걸로 배포했는데, 수정하고 git push origin main해
오늘 한 일 리액트 숙련주차 첫 날! 들을 강의가 너무 많아서 하루종일 강의만 들었다. 저번주엔 useState만 해서 재밌었는데 오늘 여러가지 훅함수를 배우니 머리가 터질것 같다..ㅎ.. 내일은 리덕스 다 들을 예정... 다 들을 수 있겠지..? 아니.. 커피를 한
이번주 주제: State, Props, 리렌더링 발생 조건 State State란 컴포넌트 내부에서 바뀔 수 있는 값이다. useState()를 사용해 state를 만든다. 초기값을 변경하기 위해서는 setValue(바꾸고 싶은 값)를 사용한다. 불변성 불변성은 메모
Q. 리액트 개발 시, 렌더링 최적화 방법에 이용할 수 있는 다음 세 가지의 특징과 차별점을 각각 말씀해주세요.React.memo컴포넌트 리렌더링 방지부모 컴포넌트의 state 변경으로 props가 바뀌지 않는 한, 이 컴포넌트는 리렌더링 되지 않는다.React.mem
Redux Toolkitjson-ServerTodoList\-React심화
5주차 WIL
react-query 적용 중 수정하기 기능에서 문제 발생아래와같이 콘솔에 inputbox에 있는 값이 잘 찍히는데, 서버로 넘겨주지 못하고 있었음mutation에 대한 이해부족으로 mutation.mutate(인자)에서 인자가 반드시 한 개의 변수 또는 객체여야 한다
Axios는 웹 브라우저 또는 Node.js에서 HTTP 요청을 수행하기 위해 사용되는 인기있는 JavaScript 라이브러리이다. 모든 최신 브라우저를 지원하며 비동기 요청을 처리하기 위한 직관적인 API를 제공한다. React에서 데이터를 API 또는 백엔드 서버에
오늘 배운 것 react-query : useMutation 구조 분해 할당으로 사용 할 수 있다!! 백엔드에서 전달해준 error log 프론트에 띄워주기 참고한 웹사이트 https://react-query-v3.tanstack.com/reference/useM
드디어 다시 돌아온 프로젝트!! 계속 이론 공부만 하다가 오랜만에 협업을 하니 역시 깃이 어려웠다 ㅠ 혼자 할때도 커밋 자주하고 푸시, 머지 자주 했지만.. 같이하니 뭔가 내가 깃 자체를 망칠까봐 두려웠다. 그래도 프론트 팀장님이 아주 잘하는 분이셔서 잘 따라 갈 수
이번주는 네이버 마이플레이스 클론코딩을 했다. 상세보기, 삭제(모달), 프로필 수정을 맡아서 했는데 생각보다 어려울 것 같았던 삭제(모달)을 쉽게 했고, 할때 정말 쉽게 했던 프로필 수정 부분에서 예상치 못한 실수를 많이 했다.프로필 수정 부분에서 처음 띄워주는 프로필
기획이 정말....... 정말 힘들구나를 느낀 한 주!개발이 쉽다는 건 아니지만....ㅠ 그냥 코딩만 하게 해주세요...라고 생각한게 한 두번이 아니다.. 그래도 팀장님,부팀장님이 다들 좋은 분들이고 책임감이 강하신 분들이라.. 팀원들 다 끌고 가려고 노력하셨다. 물론
프론트엔드 코드 컨벤션 : airbnb 컨벤션을 적용하면 좋다. \- 예를 들어 var 대신 const를 쓰기린트랑 프리티어 설정도 신경쓰자구글라이트 하우스로 성능점수 측정해서 캡쳐하기 \- 최적화 작업 이후 얼마나 좋아졌는지 확인해보자매일 똑같은 코드, 똑같은 형
PWA는 Progressive Web Application의 약어로, 모바일 애플리케이션과 웹 사이트의 중간 형태를 나타내는 용어이다. PWA는 다양한 장치와 플랫폼에서 작동하며, 사용자가 인터넷 연결이 없는 경우에도 일부 기능을 제공할 수 있다.사용자 경험 개선: P
아래와 같은 axios 코드로, 친구이름을 검색했을때 친구 목록을 보여줬다.그런데.. 사용자관점에서 생각해보면, 저 ui에서 엔터를 칠 생각을 할까..? 그냥 ㄱ만 쳐도 (엔터없이) ㄱ관련 모든게 쭈르륵 나올꺼라고 생각하지 않을까.. 라고 생각이 들어서 친구이름으로 친
발생한 문제:유저1(고니)로 프로필 사진 변경유저2(곽철용)으로 프로필 사진 없이 저장 버튼 누르면.. 유저1이 변경한 프로필 사진으로 바뀐다.. network 탭에서 payload를 봐도 img에 아무것도 안들어가있음..ㅠ 그런데 이미지가 바뀐다...ㅎ.