전체 글45 [HTML, CSS] 내용 부분 스타일 지정만으로 푸터 하단 고정하는 방법 안녕하세요 주갬입니다. 오늘은 사이드 프로젝트를 하면서 푸터가 중간에 떠있는 현상을 해결한 방법에 대해 설명 드리려고 합니다. 구글링을 해보시면 푸터를 하단에 고정하기 위한 다양한 방법들이 존재합니다. 하지만 그 대부분의 방법이 저의 상황에서는 적용하기엔 무리가 있는 방법들이였습니다. 그 방법들을 간략히 정리하면 이렇습니다. 1. position: fixed - 푸터가 하단에 계속 고정되어 있어 스크롤을 내려도 항상 같은 위치에 푸터가 존재해 어색하다. 2. position: absolute - 푸터를 본문 밑에 고정시킨다면 본문 길이가 짧을 때 하단 고정이 안된다. - 본문 길이가 길 때도 스크롤은 absolute로 지정된 영역을 잡아주지 않아 어색하다. 3. 본문에 height: 100% 나 100v.. 2023. 11. 22. [Library] React-bootstrap모달창 닫기버튼 스타일이 깨지는 현상 안녕하세요 주갬입니다. 오늘은 react-bootstrap을 이용 중에 모달창 닫기버튼 스타일이 깨지는 현상을 해결한 방법에 대해 말씀드리려고 합니다. 다른 bootstrap 요소들은 잘 나오는데 모달창 안에 있는 닫기 버튼만 스타일이 깨지는 현상이 발생했습니다. 원래는 이렇게 예쁜 닫기버튼이 나와야합니다. 구글링을 해본 결과 이 현상은 bootstrap 버전과 react-bootstrap 버전이 맞지 않을 때 발생한다고 합니다. https://stackoverflow.com/questions/65472384/react-bootstrap-only-close-button-styling-not-working React-Bootstrap ONLY Close Button Styling .. 2023. 11. 21. [Node.js] 이진 파일 개념 정리 Buffer 바이너리 데이터들의 스트림을 읽거나, 조작하는 매커니즘. Buffer클래스는 바이너리 데이터들의 스트림을 직접 다루기 위해 Node.js API에 추가됨 - ArrayBuffer 자바스크립트에서 모든 이진 데이터는 기본적으로 모두 ArrayBuffer 객체에 포함된다. ArrayBuffer는 그저 메모리의 연속된 공간을 차지하고 있는 추상적인 메모리 계층과도 같다. ArrayBuffer에 대한 접근 및 조작은 항상 view라고 불리는 객체를 생성해서 수행해야 한다. view 객체는 자기 스스로는 어떠한 데이터도 저장하고 있지 않고, 그저 ArrayBuffer의 내부를 들여다보기 위한 수단으로 사용한다. - TypedArray view 객체 == TypedArray (Uint8Array, Ui.. 2023. 10. 18. [NCP] 네이버클라우드 NCE 자격증 후기 + 공부 방법 안녕하세요 주갬입니다. 저는 12월 1일, 네이버클라우드플랫폼의 공인자격증인 NCE (Naver Cloud Expert) 자격을 획득하였습니다. 오늘은 그 후기와 어떻게 학습하였는지 꿀팁들을 적어보려고 합니다! NCE시험은 코로나로 대면 시험이 중단되었다가 올해 8월에 시험을 재개한 만큼 아직 베일에 쌓여있는 시험인데요, 준비하는 데에 어려움을 겪고 계시는 많은 분들이 이 글에서 많은 도움을 얻어가신다면 좋겠습니다. 1. 공부 기간 & 과목별 투자 시간 저는 무리하지 않고 일주일에 한 과목씩 따는 것을 목표로 했습니다. 10월 27일에 Network 시험으로 시작해 12월 1일에 마지막 시험을 보고 자격증을 취득했네요! 꽤나 공부할 양이 많기 때문에 공부 기간은 적어도 한 달 이상으로 잡는 것이 좋아보입.. 2022. 12. 15. [Laravel] Mac에 라라벨 설치 A-Z 안녕하세요 주갬입니다. 오늘은 제가 두고두고 보기 위해... Laravel을 설치하는 방법을 작성해두려고 합니다. 0. 사전 작업 Mac의 패키지 관리자인 Homebrew를 설치합니다. 설치 후엔 업데이트를 한 번 해줍니다. brew update 그리고 Laravel은 PHP 프레임워크이니만큼 PHP가 깔려있어야 하겠죠? PHP도 설치해줍니다. brew search php brew install php 1. Composer 설치 그 다음으로는 PHP 패키지 관리자인 Composer을 설치해야합니다. Composer는 제가 다른 블로그들 보고 실패를 많이 해봤는데 공식문서가 최고입니다,,! 공식문서 따라가시면 바로 설치 잘 됩니다. https://getcomposer.org/doc/00-intro.md I.. 2022. 12. 12. [React Hooks] useEffect와 useSelector 같이 쓸 때 주의해야 할 렌더링 순서 안녕하세요 주갬입니다. 회사에서 리액트로 프로젝트를 하고 있는데 캐시를 지우고 사이트를 열면 렌더링이 제대로 되지 않는 오류를 발견했습니다. 문제 상황) 렌더링에 문제가 발생한 hook은 다음과 같습니다. const tk = useSelector(state => state.user.tk); const uuid = useSelector(state => state.user.uuid); const ogc = useSelector(state => state.user.ogc); useEffect(() => { var data = JSON.stringify({ "tk" : tk, "uuid" : uuid, "ogc" : ogc }); var config = { method: 'post', url: ~~~~ , he.. 2022. 9. 8. 이전 1 2 3 4 5 6 ··· 8 다음 반응형
