TIL 196

[TIL] 20210816

https://kutar37.tistory.com/entry/%ED%8E%98%EC%9D%B4%EC%A7%80-%EC%8A%A4%ED%81%AC%EB%A1%A4%EC%8B%9C-Fade-In-%ED%9A%A8%EA%B3%BC%EC%A3%BC%EA%B8%B0 페이지 스크롤시 Fade In 효과주기 페이지 스크롤시 Fade In 효과주기 1. 단순 Fade In 스크롤되면 스르륵 하고 나타나는 형태의 가장 단순하고 기본적인 Fade In 방식입니다. HTML 1 2 3 4 5 6 7 8 9 Fade In Fade In .. kutar37.tistory.com https://michalsnik.github.io/aos/ AOS - Animate on scroll library AOS Animate On Scr..

TIL 2021.08.16

[TIL] 20210814 항해 99 실전프로젝트 mvp발표 피드백, 후기

오늘 mvp발표에서 들은 피드백, 질문 1. 깃플로우를 리니얼하게 사용하고 있다고 했는데 어떤 방법으로 이렇게 유지할 수 있었나요? -> 리베이스를 통해서 여러 갈래로 갈라지지않고 하나씩만 나왔다 들어갓다 하게 했다. 장점이 무엇인가요? 무엇이 좋았다던가? 어떤 풀리퀘스트에 문제가 있었나를 판단하기에 좋았다. 어떤 시점에서 오류가 났는지 확인하기 좋았다. 2. (백엔드 질문) 특정 태그를 선택해서 여기에 등록된 책이 뭔지 알수 있는거같은데 어떤 알고리즘인가? 3. 퍼펫티어는 어떤 쪽에 사용했나요? -> 여러가지 책 api를 검색해봤는데 db에 모든 책을 저장해놓지 않았다 db에 저장되지 않은 isbn을 가져올때 사용한다. 네이버 api와 퍼펙티어와 어떤 관련이 있나요? 이 리소스가 크게 드는데 상세 정보..

TIL 2021.08.14

[TIL] 20210811 useState 배열 push, 스크롤이벤트, 비동기처리문법

1. REACT useState로 배열 push하는 법 const [selected_book, setSelected_book] = React.useState([1]); const addBookBtn = ()=>{ setSelected_book(selected_book => [...selected_book, 2]); console.log(selected_book) } 2. 스크롤 이벤트 https://mengkki.netlify.app/React/2021-01-13-scroll%20optimization/ 근데 왜 나는 스크롤 이벤트가 안먹는건가? 3. 함수를 순서대로 실행시키고 싶어.. 비동기 처리 문법 https://velog.io/@secho/React-08-%EB%B9%84%EB%8F%99%EA%B..

TIL 2021.08.11

[WIL] 항해 99 9주차 회고록 (21.08.02~ 21.08.08) 실전 프로젝트 2주차

이번주에는 뭔가 여유로웠다. 우리가 지금 빠른 것도 있지만 백엔드보다 할일이 적어서 더 여유로운 것 같다. 그 여유로운 시간을 어떻게 타이트하게 잘 보낼까에 대한 답은 팀원들과 함께는 조율하지 못했다. 그렇다고 나 혼자서 그 시간을 의미있게 보냈는가? 그렇지 않다. 진짜 여유롭게 보낸 것 같아서 반성한다. 처음 배울때와 다르게 카카오 로그인을 실패했을 때 부터 새로운 것을 배우는 것에 대해 약간의 두려움이 생기기 시작한 것 같다. 그래서 그 두려움을 없애기 위해 다음주부터는 매일마다 새로운 것을 의도적으로 배워야겠다. 나는 어떤 팀원인가? 주어진 일을 빠르게 잘 해결하는가? 팀원들에게 의견을 기분 상하지 않게 잘 전달하는가? 나의 의견을 논리적으로 설명하는가? 팀원들과 원만한 관계를 유지하는가? 새로운 ..

TIL 2021.08.10

[TIL] 20210809 axios default header Authorization이 로그인 후 바로 들어가지 않는 현상/ 쿠키와 로컬 스토리지의 차이

문제발생 지금 만들고 있는 서비스에 로그인을 하자마자 인증이 필요한 요청을 보내게 되면 인증헤더에 아무것도 들어가지 않는 문제가 발생했다! 새로 고침하면 된다. 현재 상황 현재 우리 코드는 카카오 소셜 로그인의 정석적인 방법인 인가코드를 받아와서 그 인가코드로 토큰을 요청하는 방식을 실패하여 백엔드에서 URL로 토큰을 넘겨주고 프론트에서 재빠르게 그것을 localStorage에 저장하고 있다. cookie의 경우 서버에서 응답받은 값을 바로 넣어줄 수 있다고 하여 현재의 코드는 cookie를 사용하지 못한다. 현재 axios 코드 import axios from "axios"; const instance = axios.create({ baseURL: "우리 서버", // 요청을 www.aa.com/use..

TIL 2021.08.09

[TIL] 20210804 setCookie안됨!

setCookie가 안되는 문제 발생! 분명히 마켓컬리 클론 코딩할때도 됐고 심화반때도 됐는데 왜 안될까 https://aolee.tistory.com/244 [Javascript/Chrome] 크롬에서 setCookie 쿠키 저장 안되는 오류 Google Chrome 버전 51.0.2704.84 m 크롬에서 자바스크립트 setCookie가 먹히지 않음. 자바스크립트 setCookie() 내용 : function setCookie(name, value, expiredays){ var todayDate = new Date(); todayDate... aolee.tistory.com 이 블로그를 찾아보니까 http통신이 없으면 setCookie가 안된다고 한다. 서버 통신이 없어서 그렇다는 소리인가보다. 1..

TIL 2021.08.04

[WIL] 항해 99 8주차 회고록 (21.07.26~ 21.08.01) 실전 프로젝트 1주차

실전 프로젝트 시작하고 한 3일동안은 기획회의만 계속 하느라 너무 진빠졌었다. 이제는 기획 회의가 다 끝나고 맡은 기능을 같이 만들어가고 하는 것이 재밌다. 우리 팀은 매일 아침 10시에 회의를 하고 프론트엔드는 저녁 10시반에 코드리뷰를 한다. 이전에 만났던 팀들보다 확연히 차이나게 협업이 잘되고 있고 내 생각에는 의견 조율도 정말 잘되고 다들 말도 예쁘게 한다. 회의할때는 의견 충돌이 나는게 당연한거라 생각하니까 이정도면 너무 양반이라는 생각이 든다. 경상도인 입장에서 서울사람들이 소리치며 화내지 않는이상 화나도 화난지를 몰라서 그런건가 싶기도 하지만?..? ㅋㅋ 아무튼 지금까지 나는 딱히 마음 상하는 일도 없이 잘 흘러가고 있는 것 같다. 항해 99에서 만난 팀 중에서 가장 좋았던 팀이 지금 포함 ..

TIL 2021.08.03