![[TIL]2023-03-31](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbrAn9j%2Fbtr7dwlSd8x%2Fes9dgZhFSI0OKb7pH2V5w1%2Fimg.jpg)
오늘 배운 것 useEffect 데이터 끌어올리기 Date 블로깅 완료 기억할 것 react에서 렌더링되는 조건 내일 공부할 것 react 이론 좀 더 깊게 살펴보기 요즘 만들고 싶은 거 만들어보느라 이론적인 부분을 많이 못하고 있네요. react 이론도 좀 살펴봐야할 것 같은데.. 좀더 부지런해져야할 것 같습니다.
![[TIL]2023-03-30](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FcixZga%2Fbtr6Tm4IyEL%2FSzTFIgmelYDsXkkiKklBS0%2Fimg.jpg)
오늘 배운 것postman api 사용법full page 스크롤링기억할 것api key 내일 공부할 것Effect Hook

오늘 만든 것저번에 Authentication까지 마무리하고 이번에는 nweet 트윗을 전송( + 수정, 삭제)하고 띄우는 것을 완료했습니다. 대부분이 firebase에서 제공해주는 메서드여서 어려움없이 따라갈 수 있었습니다.NweetingApp.js function App() { const [init, setInit] = useState(false); const [userObj, setUserObj] = useState(null); useEffect(() => { ... }, []); return ( {init ? ( ) : ( "Initializing..." )} );} 코드가 살짝 수정되었습니다. isLoggedIn..
![[TIL]2023-03-29](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FdqYPNd%2Fbtr6JnJsj8x%2FYZaEhkYBaOZP5oKzkOFATk%2Fimg.jpg)
오늘 배운 것REST-API기억할 것REST-API의 가장 중요한 기본 원칙 (1,2단계)내일 공부할 것postman내일부터 갓생 살아야지^6..

인트로조금 더 깔끔하게 풀고 싶었지만.... 실풰...뭔가 간단한 문제인데 복잡하게 푼 느낌입니다...문제레벨 1: https://school.programmers.co.kr/learn/courses/30/lessons/12926나의 풀이function solution(s, n) { const arr = s.split(''); const upper = new Array(26).fill(65).map((el, idx) => String.fromCharCode(el+idx)); const lower = new Array(26).fill(97).map((el, idx) => String.fromCharCode(el+idx)); const result = arr.map(el => { if (el !== ' '..
![[블로깅]REST-API](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbkovsU%2Fbtr6AhW0TT8%2Fvh73Nr21qgvHmEQWTUdg40%2Fimg.jpg)
인트로 오늘은 REST-API네요.. 그래도 어제 내용보다는 훨씬 나은 것 같습니다. REST-API란? REST(Representational State Transfer) 웹에서 사용되는 데이터나 자원은 HTTP URI로 표현하고, HTTP 프로토콜을 통해 요청과 응답을 정의하는 방식을 말합니다. REST API만으로 HTTP 요청의 내용을 이해할 수 있어야 합니다. 이를 돕기 위해 REST API를 작성할 때 지켜야 할 규칙들이 있는데요. 오늘 다뤄볼 모델은 리차드슨의 REST 성숙도 모델입니다. 총 4단계(0~3단계) 모델로 이루어져 있습니다. 3단계까지 지키기는 힘들기 때문에 2단계까지만 적용하여도 좋은 API 디자인이라고 할 수 있으며, 이를 HTTP API라고도 부른다고 하네요. REST 성숙..
![[TIL]2023-03-28](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FIx5UX%2Fbtr6BkSufm1%2FvBupcsauosk1WVqjpxVCG0%2Fimg.jpg)
오늘 배운 것클라이언트 서버 아키텍처HTTPAJAXSSR CSR기억할 것SSR, CSR 차이HTTP Request, Response상태코드 내일 공부할 것REST API다른 강의도 찾아서 봐야할듯..

Summaryportfolio용 사이트를 제작 중 nav 바를 만드는데... transition이 마음대로 되지 않는 상황이 발생했습니다.하지만 검색을 통해 금방 해결할 수 있었습니다. 굳! Problem 1nav에 hover를 했을 시 서브리스트가 나타나도록 하고 싶었습니다.근데 이걸 그냥 display: none, display: block만 주자니 너무 딱딱하더라고요.그래서 opacity를 주어 부드럽게 나타날 수 있게 만들고자 했습니다.그러나.. display:none를 사용하면 transition이 제대로 적용되지 않습니다. 화면상에 아예 보이지 않으니까 렌더링 트리에서 누락된다고 하네요. 그렇다고 visibility같은 애들을 쓰면 그 자리가 공백으로 채워져 있기 때문에 제가 원하는 모습은 아..