거의 알고리즘 일기장

ㅇㅂ이 글은 React 18: Suspense를 이용한 새로운 SSR 아키텍처 라는 괜찮은 글을 읽어 리마인드용으로 작성하는 글이다. 많은 부분이 생략되었고 내가 이해한게 조금 틀릴수도 있으니 원글을 읽는걸 추천한다..ㅎㅎ 저번에 react에서 지원하는 Suspense, React.lazy를 이용해서 code spliting을 해본 적이 있는데, 그때는 Suspense, React.lazy가 ssr에서 지원이 안되었다. 그런데, React 18 에서 이 부분이 추가가 되는것으로 보인다. https://github.com/reactwg/react-18/discussions/37 New Suspense SSR Architecture in React 18 · Discussion #37 · reactwg/rea..

최근 git commit message convention에 대한 글을 보게 되었다. 재미있는 방법인거 같아 내용정리 겸 글을 써보고자 한다. 사실 나는 밑의 그림처럼 [jira 이슈넘버][깃모지][주제] 정도로 적어왔다. 근데.. 이렇게 작성하게 되면 커밋메세지가 많아질수록 헷갈려져서 솔직히 jira를 보지 않으면 나중엔 잘 기억이 나지않는다.. 서론은 여기까지 하고 내가 찾은 이 git commit message style은 Udacity Git Commit Message Style Guide 에서 읽은 내용이다. 메세지의 구조는 다음과 같다. type: Subject body footer type : 말 그대로 message type이고 type의 종류는 밑의 그림과 같다. subject : 이 커..

최근 chrome에서는 브라우저 랜더링이 정상적으로 되는데, ios에 있는 chrome에서 정상적으로 실행되지 않는 에러를 겪었다. 왜 그럴까 서칭을 해보니.. 저 위의 그림과 같이 ios chrome은 다른 엔진을 쓴다.. 그래서 에러의 원인을 찾기 위해서 ios chrome과 같은 엔진을 쓰는 safari에 있는 에러를 확인해 보았다. SyntaxError: Invalid regular expression: invalid group specifier name safari는 regex에서 lookbehind 문법을 지원하지 않는다. new RegExp("(? github.com https://www.browserstack.com/guide/browser-rendering-engine Role of Re..

이 글은 예전에 봤던 브라우저 렌더링 과정을 리마인드 하기 위해서 한번 간략하게 설명하는 글이다. 브라우저 렌더링 과정을 설명하는 전통적인 과정이 있는데 밑의 그림과 같다. 웹 개발자를 희망하는 사람이라면 다 한번쯤 본 그림일텐데, 이건 로딩을 중시하던 예전의 렌더링 과정 설명이고 최근 문서들은 로딩 이후의 상황이 더 중요해졌기 때문에 dom, cssom, js 과정을 통틀어서 js 과정으로 묶여있다. 이 글에서도 html 문서를 parsing해서 dom을 만들고, css를 cssom으로 만들고 하는 과정은 js로 퉁쳐서 설명하도록 하겠다.ㅎ 1. js 과정 html 문서를 parsing을 거쳐 dom으로 만들고, js code도 js engine을 통해서 parsing, byte code로 만들어 실행..

프로젝트에 로그인을 붙일 일이 생겼다. 나는 jwt 방식을 선택했는데, 왜 선택하였는지에 대해 공유하고자 한다. 1. jwt란 ? jwt는 json web token의 약어로 인증 방식 중 하나이다. 사용 방법으로는 서버와 클라이언트 간 정보를 주고 받을 때 Http 리퀘스트 헤더에 JSON 토큰을 넣은 후 서버는 별도의 인증 과정없이 헤더에 포함되어 있는 JWT 정보를 통해 인증한다. 2. 필요 사전 지식

1. 코드 분할의 필요성 Create React App이나 Next.js, Gatsby 혹은 비슷한 툴을 사용하면 Webpack이 함께 설치되어 번들링 시 Webpack에 의해 자동으로 설정된 번들링이 된다. 번들링에 대한 자세한 내용은 https://humanwater.tistory.com/2 [webpack] 2) 번들링(Bundling) 개념 및 사용 이유 [이전 글] https://humanwater.tistory.com/1 [webpack] 1) 웹팩의 정의, 모듈(Module) https://github.com/webpack/webpack webpack/webpack A bundler for javascript and friends. Packs many modules into a f.. hum..

최근 조금 바쁜 일이 있어서.. 블로그 글은 오랜만이네요.ㅠ 이제부터는 여기는 문제 푼것만 올리고 나머지 프로젝트나 이런거는 git에 정리할 생각입니다. 밑은 제 git주소입니다. 프로젝트들 한것들만 정리해놓았습니다. github.com/Kwonkunkun Kwonkunkun - Overview Kwonkunkun has 11 repositories available. Follow their code on GitHub. github.com

프로젝트 개요 VR게임상에서 그림을 그리고 그 그림을 딥러닝 모델로 판별하고 다시 VR환경에 관련 오브젝트를 띄운다. 이후, 스프레이, 색연필로 오브젝트로 색칠하여 전시하는 프로젝트. 딥러닝 (데이터셋, 모델선언, 트레이닝) Google에서 제공하는 quickdraw dataset .npy형태를 받아 선언한 resnet 모델로 트레이닝. batch : 256 10개의 카테고리의 경우 CNN RESNET34 5epoch 93% 94% 10epoch 96% 20개의 카테고리의 경우 CNN RESNET34 5epoch 85% 88% 10epoch 86% 90% 최종적으로 선택한 파라미터들 epoch : 10 model : resnet34 batch size : 256 lr : 0.1 optimizer : SG..

씬 구성 개발 사항 1. 활 모델링 및 애니메이션 구현 2. 자연스러운 손 움직임 애니메이션 구현 (skeleton poser 이용) 3. 활쏘기, 타격 이펙트, 점수 표기, 타겟 거리 이동 조작법 github에 개발관련 정리. 시연영상 https://www.youtube.com/watch?v=q7lvK3h37p4&t=6s&ab_channel=%EA%B1%B0%EB%88%84%EA%B6%8C 개발도구 아쉬웠던점 처음 프로젝트를 시작할때 기획에서 잡기, 터치 처리할 물품들이 별로 없어 하나의 스크립트를 만들어 처리했는데 나중에 시간이 조금 남아 여러 물품, 기능들을 추가할때 반복되는 코드들이 생겨나 조금 코드가 더러워진 부분이 아쉬웠다. 다음에 VR프로젝트를 한다면 손에 모든 기능을 몰아넣는거보다 물품하나..

unity : 2018.4 1. 안드로이드 스튜디오 설치 developer.android.com/studio