TIL

우씨... 날려서 다시 쓴다...오늘 항해99 정식 과정이 시작됐다.사실 3주 정도? 전부터 사전강의나 스터디 모임을 해서 1일차 기분은 안 난다.오늘은 week1 기초 과정으로 4일간 미니프로젝트를 진행하는데,어쩌다 조장이라는 작은 감투를 받아서 소심한 나는 부담을

오늘 2일...? 2주는 된 것 같은데...오늘의 오류는? 내🎀localhost💘에서만🍉잘🌼돼요~😜후... 자신만만하게 pull 했는데 팀원들에게 오류덩어리를 줬당..ㅎㅎ오늘은 길게 쓸 시간 없다... 코딩하러 가야 한다;)

어제 오류가 나던 건,떠난 분이 작업한 코드를 일부 수정을 했는데 실수가 난 것\++ 몽고DB 연결이 되지 않은 것 이었다.오전 내내 사소한 걸로 씨름하다가 어쨌든 프로젝트를 진행해야 했기에겨우겨우 수정해서 push ...... 했으나...........다른 팀원분들

미니프로젝트가 드디어 끝났다!사실 끝나졌다...1) JWT를 이용한 로그인 기능 구현2) jinja2를 이용한 서버사이드 랜더링필요한 기능을 제대로 구현하지 못했다...한참 전에 이 짤을 접했을 때는 몰랐다.. 내가 이렇게 될지......첫 프로젝트가 이렇게 마무리되어

5일차부터 새로운 조로 편성되고, 알고리즘 기초 주차가 시작됐다... 바닥치는 자신감과 실력... 오늘 담당 예제는 [가운데 글자 가져오기]

아니 아직도 일주일이 안됐다니...? 하루가 길어져서 그런가보다 열공💯두 정수 값의 크기에 따라서 분류a = b => aa < b / a > b 감 잡는데 꽤 걸렸다.앞으로는 더 잘게 쪼개서 생각해야지그저 짧아서 행복😚for문으로 돌려서 i구하기정수 n 은 i

오늘은 하루종일 알고리즘 문풀다 끝내고 싶었는데 아직 다섯 문제 남아따제발 변수선언 한 번만 하기!= 랑 == 도 좀 제발 구분하기https://jex.im/regulex 정규식해석사이트코드는 유치한 수준이고 정규식은 복붙해왔다ㅎㅎ..진짜 오래 붙잡고 있었는데

알고리즘 모의고사 시원하게 말아먹고 멘탈 바사삭 부서져따 1~15번에서 낸다 해짜나여!ㅜ진쯔아... 미니프젝도 실패, 알고리즘도 실패 나는 방구다 1번 문제 ↓ 틀린 풀이 ↓ 정답 풀이

→ √n 을 1로 나눴을 때 0이 나오면 정수의 제곱근인 것으로 판별→ 리스트의 길이가 2 미만이면 -1 출력→ 오름차순으로 정렬하여 맨 앞 숫자 빼기파라미터(compareFunction)가 입력되지 않으면, 유니코드 순서에 따라서 값을 정렬. Shllow Copy 주

오늘로 알고리즘 주차가 끝이다.방금 알고리즘 코테 보고 왔는데 어렵지 않았다..(¬‿¬) 지난 주까지는 알고리즘이 뭔지도 몰랐는데 이제 문제도 푼다\~~주말부터 스터디도 한다\~\~~

리액트(React)란 UI를 구축하기 위한 선언적*이고 효율적이며 유연한 JavaScript 라이브러리 컴포넌트를 이용하여 복잡한 UI를 구성할 수 있다. SPA를 전제로 하고 있으며, Virtual DOM을 활용하여 업데이트 해야하는 DOM요소를 찾아서 해당 부분만

3주차가 시작되면서 React 개인과제로 ToDoList 만들기를 하고 있다.1주차 과제를 완성하지 못해서 매우 자신감이 떨어져이따이번 주차는 팀보다 개인 프로젝트의 비중이 좀 더 큰 느낌인데,(개인과제=미니프로젝트, 팀과제=개념정리)지난 알고리즘 주차에 무작정 코드를

항해톡 끝! OSI 7계층 발표했는데... 좀 빈약하지만 나름 간결하게 정리한 게 만족. 후... props... Props 부모 컴포넌트로부터 받아온 데이터

개인과제 제출했다 작동은 하지만... 코드는( ˘︹˘ )투두리스트 디벨롭 해보기리액트 공부하기CS 꾸준히 하기담주가 어렵다던데... 난 안 어려웠던 적이 없는뎅...

개인과제로 만든 To Do List 제목과 내용 완료버튼/취소버튼/삭제버튼 working과 done은 리스트 레이아웃으로 구분 이정도 기능이 있다. 나만 그런 건지 모르겠는데 왜 되는지 모르겠다...ㅎㅎ 되긴 되는데 깔끔하지 않아서 기능을 추가하면서 코드를 정리하는

◾ 바닐라JS: 순수 JS. 외부 라이브러리나 프레임워크를 사용하지 않는다. 빠르고 호환성이 좋지만 문법이 복잡허다.◾ package.json: 라이브러리나 뭐... 그런 거◾ 라이브러리와 프레임워크의 차이: 아직 헷갈리는데, \--▫ 라이브러리 = 리액트, 제이쿼리

◾ arrow function에서 return과 {}는 동시에 생략◾ 코드가 길어지면 export default\--▫ 여러개는 묶어서 export {}, 가져올 때도 {}◾ object 는 {key:value} 다. 까먹지 말자.\--▫ key값으로 불러서 가져오기

컴포넌트의 Life Cycle mount 됐다가, update되기도 하고, unmount 되기도 한다. useEffect useEffect()는 html 렌더링 이후에 동작한다. 어려운 연산이거나, 서버에서 데이터를 가져오거나, 타이머를 장착할 때 사용한다.

💜🖤💛 개인과제 완료!빨리 하고 치워버리고 싶어서 TIL 쓰는 것도 까먹고 있었다..ㅎㅎ 리덕스를 이용한 투두리스트 디벨롭...? 재구성...? 과제지난 주차에 한 것 치고는 오래 걸렸고, 내가 바보인 것 치고는 빨리 끝냈다... 운칠기삼리덕스 데이터 흐름을 이해

프로미스(Promise) 생성자 함수는 콜백 함수를 인수로 전달받는다.비동기 처리를 수행하는 것은 이 콜백함수다.비동기 처리가 수행되면 비동기 처리 결과에 따라 프로미스의 상태가 변경된다. TDZ(Temporal Dead Zone/일시적 사각지대)란?

아주 간단한 DB와 API 서버를 생성해주는 패키지→ 실제 DB 구축전까지 임시적으로 사용할 mock data 생성node.js와 브라우저를 위한 Promise 기반 http 클라이언트→ http를 이용해서 서버와 통신하기 위해 사용하는 패키지전체 정보나 상세 정보는

새 주차 시작VSC 오류Out of Memory > 작업 관리자에서 엣지랑 카메라앱 종료했더니 되긴 된다주특기 심화 주차 json-server, vercel, heroku를 이용해 사이트를 배포했다.백 개발자 없이 프론트끼리 여차저차 회원가입과 파일 저장까지 성공물론

성공...S3 최초 생성 이후에 기본세팅을 해주어야 업로드한 이미지에 접근할 수 있다.나오는 대로 세팅을 다 했는데 403 에러가 떴다.퍼블릭으로 설정해서 이미지 접근은 가능했지만,추가적으로 사용자 권한을 부여하지 않아서 거부됐던 것 같다.이미지가 업로드 성공 😊

로그인 안 한 유저가 모달 버튼을 누르면 alert 띄우고, 모달 팝업 막기파일 && 텍스트 인풋 유효성검사일단 임시로 버튼에 기능은 넣어놨는데 서버랑 연결해야 유저 정보 가져오는 거 할 수 있을 것 같다 ㅠrequired만 넣었는데 그냥 됐다... 뭐지..?maxLe

무한스크롤 기능 구현하기 처음에는 스크롤 길이를 계속 감지해서 스크롤이 끝에 닿으면 get 요청을 보냈다 get 요청에 제한을 걸어두지 않아서 의미 없는 get요청을 계속 보냈다. 머지 이후에 다른 팀원분이 가로스크롤에서도 get 요청이 발생하는 현상 발견

Uncaught Error: Too many re-renders. React limits the number of renders to prevent an infinite loop. 에러 발생onClick에 useState를 바로 달아서 error가 난 것으로 예상.기왕

실전프로젝트 기획이 어느 정도 마무리 된 상태 기획 단계에서 프로젝트 주제에 맞춰 웹앱으로 제작하는 것으로 결정 PC 웹 개발만 했기 때문에 시작 전부터 겁먹고 있는 중 프로젝트 완성도를 위해 사전에 확실히 짚고 넘어갔으면 좋겠다 참조 React 모바일 웹 앱 100

하나씩 정리하는 중참조카카오 JavaScript 키를 이용한 API/SDK 사용 시 refresh token 응답 필드 제거 안내refresh-token 도입기refresh token 어디에 저장해야 할까?

1차 시도 useState를 이용해 boolean 값으로 className를 적용하기 하나의 버튼만 클릭해도 전체 버튼의 스타일이 변경됐다 🤯 2차 시도 categories가 js로 만들어 놓은 리스트이므로 false 값을 임의로 추가해서 categoryBtn.

https://velog.io/@yaytomato/%ED%94%84%EB%A1%A0%ED%8A%B8%EC%97%90%EC%84%9C-%EC%95%88%EC%A0%84%ED%95%98%EA%B2%8C-%EB%A1%9C%EA%B7%B8%EC%9D%B8-%EC%B2

useEffect로 불러오는 데이터를 map함수로 처리하는데 error 가 발생했다.비동기 호출로 인해서 데이터가 오기 전에 map 함수가 실행되고, 불러와진 데이터가 없으니 에러가 나는 것 아닐까 예상했다.지지난 프로젝트부터 로딩화면을 만들어보고 싶었기 때문에 겸사겸

(이전글)끝나지 않는 redux...(https://velog.io/@jisu2281l/TIL-%EB%A6%AC%EB%8D%95%EC%8A%A4%EC%9C%BCapi로 받아오는 data를 map으로 돌리는 과정에서 에러 발생데이터를 받아오는 것보다 컴포넌트가

소셜로그인 기능 구현 중 > 나는 프론트 > 카카오 api 로 리다이렉팅 > 나는 리액트 > 리액트 리다이렉트 = 데이터 다 날아감새로고침해도 날아가지 않는다.처음에는 이 코드를 썼는데 작동하지 않았다.useRef로 url을 저장해서 ?token=\~~ 뒤에 값을 잘라

아니 마크다운 js 붙이면 되는 거 나만 몰랐나요...캐로셀, 슬라이드라고 불리는 것 구현하기슬라이드 되어야 하는 컴포넌츠는 position: absolute 로 만든 후에 display: flex를 주면 보여져야 가로정렬된다. 전체 레이아웃에는 overflow: hi

프로젝트 인증 로직이 바뀌어서 코드를 수정해야 된다.기존에는 토큰을 받아서 헤더에 저장했었다.이제 body 값으로 오는 sessionID(세션이 저장된 위치)를 쿠키에 넣어서 보낼 것이다.(추가 작성 예정)

cmd 실행(★ 관리자 권한으로 실행)Chocolately 설치mkcert 설치vsc 터미널(bash)에서 프로젝트 폴더로 들어간 다음에 명령어 입력폴더에 .cert.pem 파일이랑 key.pem 파일 생성 확인스크립트 명령어 변경😎

최종 프로젝트 마무리하면서 아위웠던 PWA를 시도해봤다. Github ❤프로그레시브 웹 앱PC/모바일 등에서 웹을 앱처럼 보이도록 만들 수 있다설정을 해놓으면 인터넷이 끊겨도 앱이 돌아가는 것처럼 화면이 보인다(다만 서버와 통신은 당연히 불가능하다)아날로그가 익숙한 유

레거시는 죽어서 디자인패턴을 남기고...미루고 미루던 디자인패턴을 찍먹해보고자 한다. 가장 먼저 리액트 디자인패턴에 대해 알아보자. 흐릿하게만 알고 있던 탓에 코드의 발전이 없는 듯 하여, 다시 한 번 리액트의 원칙을 짚고 넘어가려고 한다.컴포넌트(Component)는

프론트작업 할 때 들었던 얘기가 있다.리스트 없을 때, 200으로 보내드릴까요? 400으로 보내드릴까요?그때는 '(왜 그런 걸 물어보지? 에러는 싫으니까) 200번대 빈 배열로 주세요~' 라고 했었는데,백엔드를 다루게 되니 바로 마주쳐버렸다 ㅎㅎ프론트 입장에서 어쨌든

업로드중..프론트, 백 동시에 로컬에서 개발하려면 백 서버를 백그라운드로 돌리고 싶어진다. 그래서 어떤 방법이 있나 찾다가 screen이라는 게 있다는 걸 처음 알았다. nohub은 예전에 써 본 기억이 있는데, 무슨 차이가 있을까?위 명령을 실행하면 서버가 백그라운드

클라이언트와 백엔드 사이에 파일을 주고 받는 것은 쉬워보이지만, '잘' 하는 것은 매우 까다롭다. 클라이언트와 백엔드는 어떤 스택을 사용하는지, 어떤 서비스를 만드는지, 어떤 기능을 구현할 것인지에 따라 다양한 선택지가 있다.

게시글 좋아요 기능 구현 시 모델을 작성할 때 Post 모델에 ManyToManyField로 User 모델을 연결하거나Like 모델에 ForeignKey로 Post와 User의 intermediate model(중간 모델)을 만들거나두 가지 방법 중 왜 2번 방법을 사