OOP : 객체지향형 프로그래밍 객체가 담긴 변수를 하나가 아닌 여러개의 변수를 생성할 때 그 변수들 중 키는 동일하고 데이터만 달라지는 경우, 새로운 객체 속성을 추가하기 위해 모든 변수를 수정한다거나 변수를 여러개 설정하면서 오타가 발생해 오류를 수정, 보완하는 동

상태 관리 라이브러리에 관심이 생겨 Redux 강의를 들으면서 정리해보았다.

기존 CSS 이용시 모든 태그에 클래스나 id를 지정해줘야하며 상속, 중첩 기능이 없다보니 해당하는 태그 혹은 class로 코드를 작성하게 되고 그 결과 가독성이 떨어지고 코드가 길어진다.그래서 이런 점을 보완해 개별의 특성을 가지고 등장한 것이 CSS 전처리기css

SEO : 검색엔진 최적화, 검색 엔진에서 찾기 쉽도록 사이트를 개선하는 프로세스 검색엔진 최적화 과정을 위해 알아야 할 몇가지 키워드가 있다. 크롤링 : 검색포털 내에서 웹페이지를(온라인에 있는 문서) 수집하는 과정으로 쉽게 말해 신규 또는 업데이트된 웹페이지를 찾

이미 배포된 사이트를 모바일에서 보일 수 있게 만드는 것.대신 그 자체를 바로 어플로 사용할 수 있다.yarn add react-native-webviewnpx react-native start ( -> yarn dev로 실행 )run-android (yarn buil

SSH 종료 시(VM 인스턴스) 자동으로 서버가 종료되는 문제가 있다.이 문제를 해결하기위해 Docker 프로그램 기반 배포를 진행하는 법을 배웠다.

브라우저에서 요청해서 받아온 데이터( 새로운 게시물 등록 / 상세페이지 )마다 파일을 만들어 배포할 수 없기 때문에 동적으로 화면이 그려질 수 있도록 해주어야한다.24시간 구동해서 동적 페이지에 대한 데이터/ html 파일을 받아와 브라우저에 띄워줄 수 있도록 하는 가

배포 이후 서비스 진행 단계에서 추가 기능을 구현했을 때 기존 기능과 충돌은 없는 지 확인하기 위해 코드에 변화가 있을 때마다, 직접 브라우저에 들어가 모든 기능을 전부 체크할 수 없기 때문에 테스트코드가 필요하다.테스트를 위한 프레임워크/ 라이브러리를 이용했는데,개별

기존에 스토리지 저장 방식에서는 게시물을 등록하지 않아도 이미지를 로드할때 스토리지에 저장하고 그 url을 받아와서 등록하는 방식이었다.JS 기능 FileReader()를 사용해서 아직 파일을 업로드(uploadFile)하지는 않은 상태로 임시 주소를 만들어서 이미지를

로그인 인증을 위한 accessToken은 제한 시간이 있기 때문에 refresh Token으로 만료시간이 되면 자동으로 accessToken을 갱신시켜주는 방법으로 로그인을 유지시켜줬다. (refreshToken 만료 이후에는 다시 로그인시켜줘야함.) 로그인 진행했

지도 API 구현을 위해 카카오 declare window : type of globalThis & {} 페이지 이동에서 생기는

사용자가 구매를 위해 돈을 지불하는 과정이 어떻게 진행되는지 알아봤다.카드사에 결제를 요청해주는 PG사가 있고 각각의 PG사마다 개발자가 결제를 위해 연동해야할 과정이 매우 복잡한데, 이 과정을 대신 해주는 결제 솔루션회사가 생겼고 이번에 Import라는 서비스를 알게

화면에서 줄바꿈이나 색상 등 텍스트 스타일이나 기타 기능을 변경할 수 있는 라이브러리 react-qill로 추가적인 기능을 구현하는 법을 배웠다.Next.js 를 사용하면 서버에서 먼저 pre-rendering을 진행하게 되기 때문에 브라우저에서 실행 가능하도록 Rea

💡 TypeScript Generic? 배열에서는?

데이터를 props로 넘겨주거나 HOC나 HOF를 활용하면서 타입스크립트로 타입을 지정해줄 때 정해진 타입 외에는 검색이 쉽지않아서 any로 일단 처리하고 넘어간 경우가 꽤 있었는데 오늘 배운 걸로 어느 정도 해결이 될 것 같다.💡 any VS unknownany :

구조 분해 할당 구문은 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 JavaScript 표현식.키값에 대한 데이터를 각각 가져오고 싶을때 child.name 으로 쓰지않아도구조 분해 할당으로 한번에 가져올 수 있다.데이터를 각각 조회할 수도

Graph-ql을 사용하면서 데이터를 조회할 때 원하는 시점에서 실행할 수 있게 하는 query들이 있다. useLazyQuery : 지정한 이벤트의 실행 여부에 따라 Query가 실행 useApolloClient : 지정한 이벤트에서 실행이 되고 관련 데이터를

로그인 절차를 처리하는 과정에서 정보를 입력한 사용자와 DB에 저장된 사용자가 일치한다는 것을 의미하는 토큰을 받아오는 것까지 배웠다.하지만 이 벡엔드로부터 받아온 토큰은 브라우저를 새로고침했을 때 정보가 초기화된다는 문제가 있었다. 이 문제를 방지하기 위해 브라우저

브라우저에서 백엔드로

지금까지 페이지 컴포넌트에 여러 컴포넌트를 이어서 하나의 결과물를 만들어왔다. 각각 컴포넌트 안에 state를 설정하고 컴포넌트를 이어주기 위해서 props로 데이터를 넘겨주는 방식으로 구성했다.모든 컴포넌트에 동일한 state를 설정하고 싶을 때가 있다. 예를 들어