Permissions 0644 for '/~/.ssh/펌키.pem' are too open. 이라는 응답이 나오면 ~ 경로 또는 root 경로 내의 .ssh 폴더로 이동해서 chmod 400 펌키.pem 를 입력해주면 권한이 변경되어서 접속이 가능해진다.

⌈GraphQL과 타입스크립트로 개발하는 웹 서비스 : 설계부터 개발배포까지 따라 하며 완성하는 웹 풀스택 개발⌋ 따라하기 2023-01-29 21:00 4일차 안내 - 3일차 115페이지까지는 별도로 따라왔음 책 요약 정리 4장 프로젝트 개발 4.1 영화 목록 페이지네이션 커서 기반 페이지네이션 / 오프셋 기반 페이지네이션 커서 기반 페이지네이션 오프셋 기반 페이지네이션 방법은 DB의 처리 방식과 관련이 깊고 대중적으로 사용되고 있지만 데이터가 많아지면 많아질수록 DB에 부하가 커진다. 커서 기반 페이지네이션은 클라이언트에서 특정 데이터의 고유 정보를 서버로 전송하고, 서버는 그 특정 고유 정보 이후의 데이터만 가져온다. 고유 아이디와 같은 인덱스를 기준으로 데이터를 비교하므로 전체 데이터베이스를 스캔..

모듈 소개 - 세 가지 매우 중요한 개념이자 고급 기능 - 이펙트, 리듀서, 컨텍스트 "Side Effects"이란 무엇이며 useEffect를 소개합니다 - 이펙트 == 사이드이펙트 - 리액트 앱의 컴포넌트는 주요한 임무가 하나 있다 -> UI를 렌더링 - 화면에 무언가를 가져오고 사용자가 상호작용하게 하는 것 -> 버튼이 클릭되거나 텍스트가 입력되는 것 - 사용자 이벤트에 리액트를 사용하여 컴포넌트를 재평가하고 실제 DOM을 조작한다. - 이펙트는 앱에서 일어나는 모든 것을 말한다. - http 리퀘스트를 보내거나 브라우저 로컬 스토리지에 무언가를 저장하거나 하는 작업들은 화면에 무언가를 그리는 것과는 관계가 없다. 이것은 리액트가 화면에 무언가 그릴 필요가 없기 때문에 리액트와 관련이 없다. - 일..

GraphQL과 타입스크립트로 개발하는 웹서비스 작업 중 클라이언트 측 graphql - GraphQL Code Generate 세팅에서 visitFn.call is not a function 에러 발생 기존 GraphQL 버전 16.6.0에서 15.7.2로 다운그레이드 하고 해결 현재 GraphQL 및 Codegen의 버전은 아래와 같음 "dependencies": { "@apollo/client": "^3.7.3", "@chakra-ui/react": "^2.4.6", "@emotion/react": "^11.0.0", "@emotion/styled": "^11.0.0", "@graphql-codegen/add": "^2.0.2", "@graphql-codegen/cli": "^1.21.8", "@g..

공급사 미니샵 파일은 2개 supply 폴더 내 index.html 과 main.html 파일 있음 공급사 아이디가 발급되어야 공급사 페이지를 사용할 수 있다. 루트(URL) 도메인/supply/index.html?supplier_code=공급사코드 도메인/minishop/공급사아이디 두 개 다 사용 설정 (공급사미니샵 사용함/사용안함 은 쇼핑몰관리자 - 공급사 관리 또는 개별 공급사 로그인)은 쇼핑몰 관리자에서 진행함 (관리 페이지 링크) index.html은 모바일에서 연결될 때 열림 main.html은 PC에서 연결될 때 열림 둘 중 하나라도 없으면 PC 또는 모바일에서 안 열림 supply/index.html?supplier_code=공급사코드 루트는 상세페이지 내에 공급사 바로가기버튼 삽입하는 ..

냥이집사님의 Web-animation 노션을 보고 CSS Animation을 공부합니다. Transition 이란? transtion이란 CSS 속성값이 변할 때, 값의 변화가 일정 시간에 걸쳐 일어나도록 하는 것 transition: transition-property transition-duration transition-timing-function transition-delay Transition의 속성들 transition - property property 속성이란 뜻으로 어떤 속성에 transition 효과를 줄 지 설정해줄 수 있음 속성값(all, none, property, initial, inherit)으로 all: 기본값으로 모든 속성에 transition 효과를 적용 none: 속성들..