프론트엔드 정복하기

img 태그로 이미지를 그릴 경우 이미지 로드에 실패하면, 아래처럼 onerror 함수로 대체 이미지를 출력할 수 있다.function imgError (imgTag) { imgTag.onerror=""; imgTag.src="/img/noname.jpg";}   그렇다면 background-image css 속성으로 이미지를 불러온 경우에는 에러 처리를 어떻게 할까?.backgroundImg { background-image: url('원본 이미지'), url('실패시 이미지'); ...} --> 원본 이미지 url 값 뒤에 실패 시 보여줄 이미지 url 값을 입력하면 된다. 어떤 원리인가?)background-image, background-repeat 등 background 관련 속성은 콤마..

useSelector, useDispatch 등의 함수는 가짜 데이터로 Mock-up 해야 한다. stackoverflow.com/questions/60011473/testing-react-redux-useselector testing react-redux useSelector I have a react application which uses react-redux, useSelector to get data from the store. The react component has function PersonDataView() { const name= useSelector(state => state.data.na... stackoverflow.com 위 게시글의 질문자에 따르면, react testing ..

bootstrap 모달을 열 때 모달창 뒤에 검은 화면이 생성된다. 이 검은 화면 요소는 어디에 위치해 있을까? 다음과 같이 body태그 맨 끝에 'modal-backdrop'이라는 클래스를 가지고 생성된다. ... ... ... 만약 모달창이 연달아서 여러 개 생성될 경우, 나중에 생성된 모달창의 backdrop이 기존의 backdrop에 이어서 body 태그 맨 끝에 생성된다. ... ... ... //먼저 생성된 모달의 back //나중에 생성된 모달의 back 모달창을 연달아 여러 개 띄울 경우, 문제가 하나 생긴다. 흰색 모달 박스를 띄운 후 => 버튼을 클릭하면 => 하늘색 alert모달창이 흰색 박스 위에 뜨도록 하고 싶었다. 즉, 하늘색 alert모달창의 backdrop에 흰색 모달박스가 ..

JSON.parse( ) : String 객체를 => json 객체로 변환시킴 JSON.stringify( ) : json 객체를 => String객체로 변환시킴 먼저, parameter 값을 stringify하여 전송하면 데이터가 어떤 형태로 바뀌는지 살펴보자. 전송할 parameter 값 { no : "24", status : "재직" } JSON.stringify(parameter) 하여 형태 변형 후 => 변환된 값을 확인하면 { "no" : "24" "status" : "재직" } 서버에서 parameter 값을 받고, response 값을 보내줬다. 서버에서 전송해준 response 값 { "result" : "success" } 프론트에서 JSON.parse(response) 하여 형태 변환..

git diff origin/브랜치명 origin/브랜치명

git branch 커맨드를 입력하면 로컬 저장소의 branch를 가져오지, 원격저장소의 branch를 가져오지 않는다. 이 때, 원격 브랜치를 가져오고 싶다면? 먼저, git remote를 갱신한다. git remote update 다음은 브랜치를 확인할 수 있는 커맨드다. git branch -r // 원격 저장소 브랜치 리스트 git branch -a // 모든 브랜치 리스트 (로컬 + 원격) 그러나, 위 커맨드는 브랜치를 잠시 확인해보는 용도로 사용할 뿐, 저장되지 않는다. 다른 브랜치로 체크아웃할 경우 리스트에서 사라지게 된다. 확인 뿐 아니라 브랜치를 추적할 수 있는 커맨드는 다음과 같다. git chekout -b 생성할브랜치이름 원격브랜치이름 => 로컬 브랜치에 새 브랜치를 만들고 => 이..