목록개발 공부 (70)
Just Do IT!
Reset CSS? 브라우저마다의 기본 default 스타일이 아니라 동일한 css 스타일을 보여주기 위해 default 값을 초기화해주어야 한다. 즉, 브라우저의 기본요소의 다지안을 모두 없애는 것이다. 3대 브라우저 별 UserAgent Style Chromium(Chrome): https://chromium.googlesource.com/chromium/src/third_party/+/master/blink/renderer/core/html/resources/html.css blink/renderer/core/html/resources/html.css - chromium/src/third_party - Git at Google chromium.googlesource.com Gecko (Firefox..
캠프에서 프로젝트 할 때 블로그에 정리해두려고 적어두었던 것들 중 하나를 드디어...쓰게 되었다...ㅋㅋㅋ 최종 프로젝트 닐리리 할 때 적어둔 라이브러리인데, 개인프로젝트나 다른 프로젝트에서도 사용할 것 같아서 이번 기회에 정리하려고 한다! react-beautiful-dnd란? 드래그 앤 드롭 기능을 보다 더 편리하게 구현할 수 있도록 만든 라이브러리이다. https://www.npmjs.com/package/react-beautiful-dnd react-beautiful-dnd Beautiful and accessible drag and drop for lists with React. Latest version: 13.1.1, last published: a year ago. Start using r..
블로그가 정말정말 오랜만이다! ㅋㅋㅋㅋㅋ 상반기 회고 하고 지금 글을 쓰는 거니까 2달 넘게 블로그 글을 안 쓴 것 같다. 7월-8월 동안은 학교도 마쳤겠다, 방학을 제대로 만끽해보고자 잘 놀면서 지냈다. 간단히 7-8월동안 회고해보자면, 우선은 멋쟁이 사자처럼 팀 프로젝트를 두 번 진행했다. 하나는 해커톤을 대비하기 위함이었고, 나머지 하나는 해커톤 프로젝트였다. 건강상의 이슈로 아쉽게 해커톤 당일에는 참여하지 못했지만 ㅠㅠ 프로젝트 하면서 많이 배웠다. 그리고 사이드 프로젝트를 하나 시작했다! 백엔드랑 협업을 해보면서, 다른 프로젝트를 해보고자 여기저기 찾아보고 지금의 팀원 분들을 만났다. 8월 초에 시작해서 현재는 디자이너 분이 디자인하는 중이고, 백엔드 팀원 분이 API를 구현하고 있다. 프론트 ..
멋쟁이 사자처럼 팀 프로젝트를 진행하면서 처음으로 백엔드 서버와 연동해서 프로젝트를 했었다. 나중에 비슷한 프로젝트를 할 때도 여기저기 흩어진 메모장을 보면서 진행할 것 같아서 블로그 글로 한 번에 정리해보고자 한다. java 설치 jar 파일을 실행하기 위해 터미널에서 java를 설치해주었다. sudo apt install openjdk-17-jdk jar 파일이란? jar 파일은 Java에서 사용되는 특정 유형의 아카이브이다. Java 코드의 편리한 컨테이너의 역할을 하며 zip과 같이 동일한 방식으로 압축된다. 웹브라우저에서 빠르게 다운로드할 수 있도록, 자바 애플릿을 위한 클래스, 이미지 및 사운드 파일들을 하나의 파일에 압축하여 담고 있는 파일이다. 자바 어플리케이션 프로그램을 개발 후 하나의 ..
내배캠 프로젝트에서 redux를 주로 사용했는데, 최종 프로젝트가 끝난 뒤 튜터님이 flux 패턴에 대해 아냐고 물어봐주셨고 당연히(?) 대답을 못했다. 그래서 그 이후에 찾아보고 리액트와 동일한 패턴이라고 알게 되었는데 적어두질 않으니 계속 까먹고 다시 찾는 불상사가 생겨서...이 기회에 한번 정리해보려고 한다. Flux 패턴이 나온 배경 Flux 패턴은 2008년 페이스북 F8 컨퍼런스에서 발표된 아키텍처로, Client-Side 웹 애플리케이션을 만들기 위해 사용하는 디자인 패턴이다. 이를 설명하면서 MVC 패턴의 한계를 이야기 했다고 하는데, 우선은 MVC 패턴부터 모르므로 아래에 설명을 남겨본다 MVC 패턴이란? MVC는 Model, View, Controller의 약자이다. Model에 데이터..
과제 전형 진행하던 와중에 저런 문구가 나왔다. useEffect에 나온 경고 문구였고 실행하는데는 문제가 없지만 이상하게 거슬려서(?) 구글에 그대로 쳐보았고, 역시나 같은 경고문을 받은 사람들의 글들이 나왔다. 원인 ' useEffect 내부에서 실행된 함수 ' 에서 사용되는 변수를 useEffect의 배열안에 넣어주지 않았기 때문에 발생한다고 한다. 경고문이 나온 코드에서는 useEffect 안의 함수를 따로 바깥으로 빼내서 작성하고 그 함수만 넣어주었는데, 그래서 이 경고문이 나오지 않았나 싶다. 해결 방법 함수의 선언을 useEffect 내부로 옮겼고, 함수에서 사용되는 변수를 [] 안에 넣었더니 바로 오류가 해결되었다. 다른 방법도 있다. 바로 useCallback()을 사용하는 방법이다. 이..