Azubik

gatsby 블로그 작업 종료 후 에러가 나타나서 보니 gatsby 업데이트를 하라는것 같아서 업데이트를 진행했더니 오류가 발생된다. 파일에 액세스 할 권한이 없다고 한다. 해결 방법으로 관리자 권한을 부여해 다시 명령을 실행해준다. 이제 정상적으로 설치가 된다.

gatsby 블로그 외부 링크 클릭시 새창으로 열기 위해 _blank 태그를 추가하니 경고가 나타났다. 이게 무슨 문제인가 찾아보니 Tabnabbing 피싱 공격에 노출될 수 있기 때문이라 한다. Tabnabbing 피싱 공격이란 target_blank인 태그를 클릭하였을 때 새롭게 열린 탭에서 기존 페이지를 피싱페이지로 바꿔 정보를 탈취하는 피싱 공격인데 A 페이지에서 B 링크를 새 창으로 접속하면 탭에 있는 A 페이지가 나도 모르는 새에 C 페이지로 바뀌어 있는 것이다. 해결 방법으로는 target=”_blank” 와 rel=”noopener noreferrer”을 같이 적용한다. rel=”noopener noreferrer”는 rel=noopener 속성이 부여된 링크를 통해 열린 페이지에서 자바스..

터미널에서 bundle exec jekyll serve 실행시 shell-init: error retrieving current directory: getcwd: cannot access parent directories: Operation not supported 해당 에러가 발생된 경우 문제는 디렉토리의 오류 혹은 삭제된 디렉토리에서 명령 실행시 발생될 수 있다. cd.. 명령을 입력 후 디렉토리에서 탈출한 뒤 다시 접근하면 해결된다.

{props.items.map((data) => ( ))} map 함수를 통해 컴포넌트를 렌더링 하니 에러가 발생된다 결과물은 이상없이 나타나는데 왜 에러가 나타나는가? 이유는 key값을 설정하지 않았기 때문이다. 해결방법 출력하려는 데이터에 에 key 또는 id 항목을 만들고, 함수를 통해 key값을 추가해주면 이상이 없어진다. const Data = [ { id: "e1", title: "data1", amount: 94.12, date: new Date(2021, 7, 14), }, { id: "e2", title: "data2", amount: 799.49, date: new Date(2021, 2, 12) }, { id: "e3", title: "data3", amount: 294.67, dat..