[리액트 따라하며 배우기] 간단한 투두리스트 React+typescript 안녕하세요 이번엔 React+typescript를 이용한 todolist 프로젝트를 공유하려고 합니다. 개발 진행과정은 이렇습니다. cra를 통해 리액트 프로젝트를 만든다. type을 담을 파일을 만든다.(type.tsx) 2개의 컴 blog.doyeonism.com 이번 글은 위에서 만들었던 투두리스트 프로젝트에서 기능을 추가하는 방법에 대해 작성하겠습니다. 기존 투두리스트에선 useState를 이용해 상태관리를 했었습니다. 이렇게 상태관리를 한다면 프로젝트 규모가 조금만 커져도 props drilling이 많이 일어날 것이고 코드 생산성, 가독성에서 불리할 것입니다. 그래서 대부분 대규모 프로젝트에선 redux라는 라이브러리를..
143:13 Error: Using target="_blank" without rel="noreferrer" (which implies rel="noopener") is a security risk in older browsers: see https://mathiasbynens.github.io/rel-noopener/#recommendations react/jsx-no-target-blank 포트폴리오 사이트를 제작하던 중 a태그와 관련된 에러를 만났습니다. a태그를 클릭하면 새창에서 해당 링크를 열리게하기 위해 적었던 target='+blank'가 문제였습니다. 구글링을 통해 알아본 결과 해당 이슈는 tabnabbing 피싱 공격에 위험할 수 있기 때문에 에러를 출력한다고 합니다. Tabnabbing..
https://jdy0120.github.io/divisionTeam/ LoL Team jdy0120.github.io 위 링크에서 사용하실 수 있습니다. 이번 글에선 리그오브레전드 팀 나누기 프로젝트에 대해 소개해 드리겠습니다. 완벽하지 않은 프로젝트였지만 개인적으로 잘 사용한 프로젝트였는데요. 개발하면 나는 반드시 사용할 것 같다는 실용성 때문에 개발하게 되었습니다. 친구들이 10명모여 게임을 진행하려고하면 할상 밸런스가 문제였습니다. 5:5로 나누는데 단순히 감에 의존하여 팀을 나누기 때문에 본격적인 게임을 시작하기 위해선 3판에서 4판정도의 밸런스 조정게임이 필요했습니다. 시간으로 따지면 한판당 30분 3판이면 90분 10명이 모이면 900분의 낭비가 있었고 모두들 모여 즐거운 스포츠를 하기 위해..
2022년 11월 25일 부터 웹사이트 포트폴리오를 제작했습니다. 완성까진 아니지만 80% 완성되어 포트폴리오 사이트 설명글을 적어보려고 합니다. Frontend Developer Doyeonism 프론트엔드 개발자 도여니즘의 포트폴리오 사이트입니다. portfolio.doyeonism.com next js 로 제작을 진행했고 vercel 로 배포했습니다. nextjs로 개발을 진행한 이유는 유튜브섹션과 티스토리섹션에서 각각 api를 호출하는 코드가 필요했는데 nextjs를 사용하여 백엔드에서 youtube api와 티스토리 api를 호출하고 필요한 정보를 추가해 프론트로 넘겨주면 좋지 않을까 생각했습니다. 결과적으론 nextjs에서 백엔드 처리를 하지 않았습니다. vercel 무료배포는 백엔드의 짧은 ..
