profile
쥐로그

img 태그의 src 속성값을 css에서 지정하는 방법

img 태그, src, content, url

2022년 6월 17일
·
0개의 댓글
post-thumbnail

[InfiniteScroll] Warning: Failed prop type: The prop `children` is marked as required in `InfiniteScroll`, but its value is `undefined`.

자식이 필요한 태그 내부에 자식이 없어서 발생하는 에러로,내용이 없을 경우 보여줄 예외 처리를 해주면 사라진다!InfiniteScroll을 사용하면서 삼항연산자를 이용해 데이터가 없을 경우 보여줄 태그를 지정해주었더니 에러가 사라졌다.

2022년 6월 10일
·
0개의 댓글

[cypress] cypress 초기 세팅

1. cypress 설치 [cypress] [typescript] [eslint-plugin-cypress] 2. 설정 tsconfig.json .eslintrc.json .eslintrc.js cypress/support/index.js cypress.jso

2022년 5월 30일
·
0개의 댓글
post-thumbnail

[cypress] E2E 테스트

연관 내용\[Jest]애플리케이션이 요구사항에 맞게 동작하는지 검증하는 행위DB에 데이터를 입력하는 API 개발 👉🏻 API 호출 👉🏻 DB값 검증디자인 시안에 맞게 HTML/CSS 작성 👉🏻 브라우저에서 실제 렌더링된 결과 확인새로운 기능을 추가하기 위해

2022년 5월 29일
·
0개의 댓글
post-thumbnail

Github 잔디 보여주기

Github Chart, GitHub Contributions Calendar, ReactTooltip

2022년 5월 21일
·
0개의 댓글
post-thumbnail

파일 다운로드 받기

<a>태그 새 창에서 열기, 파일 다운로드 받기, 버킷에 저장된 파일 다운로드 받기, cors 에러

2022년 5월 20일
·
0개의 댓글

SSR 배포 (1) :: HTTPS 기반의 LoadBalancer 만들기

https로 연결하기 위해서는 ssl 인증서를 설치해야 한다.ssl 인증서는 유료/무료로 나뉜다.인증서: 암호화된 파일로 만들어진다.무료 인증서: cerbot 프로그램을 설치하고 인증서를 발급받을 수 있다.Cloud 인증서: 구글과 AWS, Azure에서도 인증서를 제

2022년 5월 16일
·
0개의 댓글

3-Way-Handshake, PreFlight

3-Way-Handshake, 4-Way-Handshake, PreFlight

2022년 5월 16일
·
0개의 댓글
post-thumbnail

[react-datepicker] datepicker custom (2)

react-datepicker로 커스텀 성공ㅎ\_ㅎREADME테스트 코드DatePicker.tsxDatePicker.css\_app.tsx -> css 연결

2022년 5월 10일
·
0개의 댓글
post-thumbnail

[data-range-picker] datepicker custom (1)

react-datepicker에 비해 디자인을 넣기는 편했지만,월과 연도 selectbox 위치 바꾸는 것과 안의 내용 바꾸기(5월 -> 05) 실패!!!!ㅠ\_ㅠ\_app.tsxdata-range-picker.cssdataRangePicker.tsx

2022년 5월 10일
·
0개의 댓글

[react-datepicker] range is not defined

react-datepicker의 Custom header을 쓰려고 했는데,range와 getYear 등의 함수가 읽히지 않았다.각각 아래처럼 import해주면 잘 동작한다~!

2022년 5월 10일
·
0개의 댓글
post-thumbnail

[react-datepicker] SyntaxError: Unexpected token 'export'

react-datepicker를 쓰면서 한국어로 설정하기 위해서import { ko } from "date-fns/esm/locale";를 import 받아서 설정을 했는데실행이 잘 되다가 갑자기 SyntaxError: Unexpected token 'export'

2022년 5월 9일
·
0개의 댓글

이벤트 루프

JS의 런타임 모델은 코드의 실행, 이벤트의 수집과 처리, 큐에 대기중인 하위 작업을 처리하는 이벤트 루프에 기반한다.

2022년 5월 8일
·
0개의 댓글
post-thumbnail

callback function, Promise, async/await

callback 함수의 인자로 들어가는 함수 map, setTimeout 등 쓰는 이유 로직에서 나온 값을 콜백함수에 인자로 넘겨줄 수 있다. Promise가 들어가는 queue와 setTimeout이 들어가는 queue에는 차이가 있다. task queue는

2022년 5월 8일
·
0개의 댓글

JavaScript V8 Engine

JS 코드를 실행하는 프로그램 혹은 인터프리터를 의미한다.웹 브라우저를 만드는데 기반을 제공하는 구글에서 개발한 오픈소스 JS 엔진이다.웹 브라우저 내부에서 JS의 속도 개선을 위해 고안되었다.속도 향상을 위해 js 코드를 더 효율적인 머신 코드로 번역한다.JS 코드

2022년 5월 8일
·
0개의 댓글

OOP vs FP

Object Oriented Programmingclass와 object에 기반한 프로그래밍 디자인 패턴클래스는 객체이자 물건을 만드는 설명서, 틀을 의미한다.클래스로 만들어진 것을 객체 또는 instance라고 부른다.내장 객체: 우리가 만든 것이 아니라 기존에 있던

2022년 5월 8일
·
0개의 댓글

CI vs CD

Continuous Integration지속적인 통합새로운 코드 변경 사항이 정기적으로 빌드 및 테스트되어 공유 repo에 통합되는 것목표: 버그를 신속하게 찾아 해결하고, 소프트웨어의 품질을 개선하고, 새로운 업데이트의 검증 및 릴리즈의 시간을 단축시키는 것다수의 개

2022년 5월 8일
·
0개의 댓글

SPA vs MAP

Single Page Application한 개의 페이지로 구성된 Application필요한 정적 리소스를 처음에 한 번 다운로드하고,새로운 페이지 요청이 있을 때 갱신에 필요한 데이터만 전달 받아서 페이지 갱신 👉 자연스러운 페이지 이동검색 엔진 최적화가 어려움C

2022년 5월 8일
·
0개의 댓글

Http와 Https의 차이

와이어샤크로 http와 https 비교

2022년 5월 8일
·
0개의 댓글

[@media] 반응형 / 적응형

반응형 웹 최근 서비스의 트렌드는 반응형이지만, 모든 페이지가 반응형은 아니다. 한 화면에 많은 데이터를 보여줘야 하는 경우, 반응형보다 적응형이 적합하다. ex) 네이버, 쿠팡 모바일, 태블릿, pc 사이즈를 만든다. 구간을 정해줘야 한다. 대부분의 서비스가 부트

2022년 5월 8일
·
0개의 댓글