본문 바로가기

전체 글

 (40)
2024-09-12 갓생 살기 7일차 일주일차가 지났다!!! 1. 프론트엔드 cs 공부 css position 에는 static 일반적 문서 흐름relative: static+ 자신 기준 top, left, right, bottom 값에 따른 오프셋absolute : 일반적 문서 흐름에서 제거, 가장 가까운 조상 요소에 대해 상대적 배치 fixed: 뷰포트 초기 컨테이닝 블록을 기준으로 배치 sticky: static + fixed 2. 네트워크 공부TCP flow control에 대해서 공부 > sender가 리시브 버퍼 상태에 따라 보내는 양을 조절만약 리시브 버터가 0인 경우 , 센더는 주기적으로 data없이 세그먼트를 보내서 리시브 버퍼의 상태가 어떤지 응답을 받으려고 함.3way handshake가 어떻게 이루어지는지에 대해 공부 ..
2024-09-11 갓생 살기 6일차 1. 프로젝트 오류 수정도감 이동 기능을 구현하는데, api가 2번 요청되는 문제가 있어서 살펴봤더니..div 전체를 누를때랑 저장 버튼을 누를 때랑 둘 다 onClick 이벤트를 걸어놨었던 것이었다. 저장 버튼의 onClick 이벤트는 빼고 div 전체에만 onClick 이벤트를 걸어두는걸로 바꾸니, 말끔하게 해결 되었다.  2. sql 오늘은 rank, dense rank, join 에 관련한 문제를 풀어보았다 3. 자바기초 개념 복습생성된 인스턴스는 Heap메모리에 할당되고 각각의 인스턴스는 다른 메모리 주소를 가짐 => 그것의 참조값을 갖고있는 참조변수는 stack메모리에 할당 됨. 힙에 생성된 인스턴스는 Garbage Collector가 주기적으로 사용하지 않는 메모리를 수거  참조 자료형 - ..
[React 프로젝트] 무한 스크롤 도입기.. (react-intersection-observer, typescript) 프로젝트에 공통적으로 재사용 가능한 무한 스크롤 컴포넌트를 만들어보았다  react-intersection-observer의 useInViewuseInView는 요소가 화면에 보이는지 여부를 감지해 주는 역할을 하는데 이 것을 활용해서 무한 스크롤 컴포넌트가 보이면 다음 페이지 api를 요청할 수 있도록 하면 된다. EndLine.tsximport { useEffect } from 'react'import { useInView } from 'react-intersection-observer'import styled from 'styled-components'export default function EndLine({ hidden = false, mt = '17px', onShowEndPage,}:..

티스토리툴바