ErrorHandling
1.[React] img태그 src require()
Project 페이지를 만들 때 하드코딩을 하기 위해 데이터를 넣어주면 동적으로 새로운 Project Container를 생성하도록 계획했다.String 값은 제대로 불러와졌지만 require() 안에 이미지 링크가 담긴 변수를 넣으니 이미지를 불러올 수 없었다.처음에
2.[React Native] TouchableOpacity onPress 작동안함
간혹 가다 TouchableOpacity 태그의 onPress가 작동하지 않을 때가 있다.이때 TouchableOpacity이 import 된 부분을 보면 'react-native-gesture-handler'에서 import 하고 있을 것이다.vscode에서 자동
3.[React Native] 화면 전체 높이
const screenHeight = Dimensions.get('screen').height;으로 화면 높이를 구하면 하단 인디케이터도 높이에 포함된다.const screenHeight = Dimensions.get('window').height;로 하면 하단 인디케
4.[React Native] imagePicker 이미지 출력안됨
https://medium.com/enappd/how-to-pick-images-from-camera-gallery-in-react-native-app-54d8d362de1e위 링크를 참조하여 이미지를 기기 내부 저장소에서 가져와 출력하게 끔 했는데출력이 되지
5.[vscode] html prettier 설정
vscode에 prettier 를 설치하고default formatter를 prettier로 설정하고 format on save 를 지정해도 html 파일에 적용이 안된다.vscode 파일 안에 settings.json 에 아래 내용을 저장한다.settings.json
6.[React] React에서 카카오맵 API 적용하기
라이브러리 및 프레임워크에서 스크립트 태그를 어디다가 생성해야하는지로컬에서는 생성이 되었지만 배포 사이트에서는 생성되지 않음react에서는 public/index.html 파일에 스크립트 태그를 넣어준다.도메인 입력 시 포트번호가 필요한가 싶어서 포트번호를 넣어도 적용
7.[React] useEffect(()=>{},[]); 두번 실행
위와 같은 코드처럼 useEffect dependency에 빈 배열을 넣으면 렌더링 시 한번만 실행되어야 하는데 두번 실행되었다.프로젝트의 src/index.js에서<React.StrictMode> 태그로 이 감싸져있으면개발모드에서 (개발 단계시 오류를 잘 잡기위
8.[React] Styled-Component 이미지 경로 지정
css 파일을 Styled-Component화 하는 리팩토링 과정에서background-image의 경로를 다음과 같이 상대 경로를 넣으니 이미지가 출력되지 않았다.이미지 파일을 import 한 변수를 url에 넣어준다.만약 Style-Component 파일을 따로 관
9.[ErrorHandling] 완전한 배열 셔플 -fisherYatesShuffle
const fisherYatesShuffle = (array) => { let count = array.length; while (count) { let index = Math.floor(Math.random() \* count--); let temp =
10.[ErrorHandling] eslint 설정 다 했는데 적용이 안되는 현상
REACT TDD eslint 설정을 위해package.json에서 eslintConfig 항목을 삭제하고src/.eslintrc.json 파일을 작성을 마쳤는데 eslint 가 적용이 되지 않았다..eslintrc.json은 루트 폴더에 존재 해야한다.파일 세팅만하고
11.[ErrorHandling] Jest axios 에러
내 터미널에 나온 에러를 다시 만들어 내지 못해서나와 같은 에러를 만난 사람의 터미널 사진을 가져왔다.Jest 관련 인강 실습 도중 만난 에러인데axios를 import 할 수 없다는 에러이다.인강에서 제공해준 소스 코드에서 package.json을 열어본 결과,인강에
12.[React] 자식 요소의 onClick 시 부모 요소의 onClick 도 같이 수행되는 현상
Todo.presenter.jsTodo.container.js 일부자식 요소인 S.StyledIcon 요소를 클릭하면 해당 요소의 onClick 이 수행되고 <S.Wrapper $state={todo.state} onClick={() => handleSetMod
13.[Spring] 스프링 부트 3.1 이상 - 로그 출력 안되는 문제 해결
스프링 부트 3.1 이상을 사용한다면 Spring 컨테이너 관련 로그가 출력되지 않는다.src/main/resources/logback.xml 파일을 만든다.이 해결 방안은 ApplicationContext 를 직접 생성해서 사용할 때만 적용된다.CoreApplica
14.[Spring] 헤더에 쿠키를 넣었는데 안보내지는 현상
JWT를 사용한 로그인 api 에서 나타난 현상이다.Refresh Token 은 쿠키에 넣고 Access Token 은 header에 Authorization 이름으로 클라이언트에 보내줘야한다.Access Token 은 잘 전달 받았지만 Refresh Token 이 오