주섬주섬 코딩, 소소하지만 꾸준히 쌓아가는 개발 기록...

파비콘(favicon.ico) 만들기 파비콘이란? ' 파비콘 또는 패비콘이란 인터넷 웹 브라우저의 주소창에 표시되는 웹사이트나 웹페이지를 대표하는 아이콘이다. ' -위키백과 파비콘에 사용할 아이콘 선정 저는 iconflat 사이트에서 무료라이센스 아이콘을 사용하고는 합니다. (라이선스 확인 및 출처 필수) www.flaticon.com/ Flaticon, the largest database of free vector icons Download all icons in SVG, PSD, PNG, EPS format or as webfonts www.flaticon.com 검색어에 검색을하고 Filters에서 라이센스 Free를 선택해줍니다. 원하는 아이콘을 검색하고 아이콘에 마우스를 올리면 다운로드 할 수..

dangerouslySetInnerHTML dangerouslySetInnerHTML은 브라우저 DOM에서 innerHTML을 사용하기 위한 React의 대체 방법입니다. 일반적으로 코드에서 HTML을 설정하는 것은 사이트 간 스크립팅 공격에 쉽게 노출될 수 있기 때문에 위험합니다. 따라서 React에서 직접 HTML을 설정할 수는 있지만, 위험하다는 것을 상기시키기 위해 dangerouslySetInnerHTML을 작성하고 __html 키로 객체를 전달해야 합니다. function createMarkup() { return {__html: 'First · Second'}; } function MyComponent() { return ; } 위의 글에서 주의 깊게 읽어야하는 부분은 2가지입니다. 코드에서..

스토리지 중에 무엇을 써볼까하다가 AWS S3를 이용하기로 했습니다. 그래서 조사하고 기억하기 위해 글을 작성합니다! AWS S3가 무엇인지 알아보겠습니다. AWS(Amazon Web Services) S3(Simple Storage Serviced) 아마존에서 제공하는 온라인 스토리지 웹 서비스입니다. 높은 내구성, 가용성, 저렴한 가격이 장점입니다. 이분의 블로그 글을 참고하시면 자세합니다. 저는 이 블로그 글을 읽고 제가 기억해야하는 부분을 요약한 것입니다. https://acstory.tistory.com/33 [AWS] S3란? 무제한으로 저장할 수 있는 스토리지! 한마디로 요약하면 S3는 "높은 내구성"과 "높은 가용성"을 "저렴한 가격"으로 제공하는 "인터넷 스토리지 서비스" 이다. 하나의 ..

게임을 저장하고 불러오는 작업을 진행하고 있습니다. db 작업도 하고있는 중인데, 여태 해본적이 없어서 꽤나 찾아보고 해야하네요.. sequelize를 통해 작업을 하고 있는데, 데이터 갯수를 몇개 정해서 가져오고 이것을 랜덤으로 섞어서 프론트로 내려줘야하는 경우가 생겼습니다. 원래 작업했던 순서는.. 프론트에서 모든 배열을 받은 후 배열의 갯수를 특정하고 그 다음 랜덤하게 섞는 작업을 했었습니다만... 모든 데이터를 받는 것부터가 너무 낭비였습니다. 그래서 이 부분을 수정하면서 랜덤하게 섞는것도 가능하단것을 알게되었습니다. limit을 통해 몇개 가져올지, order를 통해 어떤형식으로 가져올지 정할 수 있습니다. 다만 어떤것이 성능상 좋은지는 잘 모르겠군요... (order부분) router.get(..