빠른 개발을 위한 React Form 구성 템플릿
·
활동/개인 프로젝트
웹 에이전시에서 개발을 하다 보니까 프론트엔드에서 프로젝트마다 자주 필요하지만, 자체 개발을 하려면 시간이 많이 드는 것들이 있다.로그인 및 회원가입 폼페이지네이션필터테이블 폼주로 위와 같은 것들인데 이런 요소들을 기획서에서 본다면, 기획에 따라서 구현 산정 시간이 기본 4H+ 로 잡혔던 것 같다. 물론 요즘 MUI 같은 UI 라이브러리들이 잘 나와서 이런 것들을 잘 활용하면 빠르게 개발할 수 있지만, 자체 개발을 해야 하는 경우가 한 번씩은 생기기 마련이다. 그래서 해커톤이나 자체 개발을 할 때 시간을 좀 단축할 수 있는 템플릿을 만들어 두면 좋을 것 같다는 생각이 들어서 이번에는 폼과 관련된 로직을 만들어 보았다.  GitHub - jeongwoo903/react-form-templateContrib..
네이버 특정 블로그에서 가장 많이 사용한 단어 알아보기!
·
활동/개인 프로젝트
이 프로젝트를 시작하게 된 이유는.. 현재 근로를 하고 있는 곳에서 블로그를 운영 중인데, 이 블로그가 좀 어마무시하게 글을 생산한다. 그래서 근로하는 곳의 선생님이 우리 블로그에 가장 많이 쓴 단어가 뭘까? 라고 하시면서, 이런 거 만들 수 있냐? 라고 하셔서 시작되었다. 나는 개발자라면 내가 생각하는 것을 스스로 만들 줄 알아야 한다고 생각한다. 또 나는 그런 사람이 되고 싶어서 한 번 도전해 보게 되었다. 제작기 🔥 우선 처음에 요구사항을 들었을 때는 Python 사용해서 네이버 API 가져다 크롤링해서 데이터 구하면 되겠다라고 생각했다. 하지만 네이버 Developer의 API나 네이버 광고의 API들 중 특정 블로그의 데이터를 조작할 수 있는 API는 없는 것 같아 Github를 둘러보았고 이미..
Monte Carlo Walker (ref. Nature Of Code)
·
활동/개인 프로젝트
몬테 카를로(Monte Carlo) 방식은 무작위로 추출된 난수를 이용하여 함수의 값을 계산하는 통계학의 방법이라고 한다. 위 이미지의 코드와 같은 경우에는 다음과 같이 이용되었다. (여기서의 난수라 함은 0~1 사이의 값을 얘기한다.) 1. 난수 값을 r1에 저장한다. 2. r1이 난수일 확률 probability를 계산한다. (probability = r1 으로 둔다.) 3. 또 다른 난수 r2를 저장한다. 4-1. r2가 probability 보다 크다면, 작은 보폭을 선호. 4-2. r2가 probability 보다 작다면, 큰 보폭을 선호. 5. 두가지 경우 중, 원하지 않는 결과라면 1로 돌아가고 원하는 결과면 r1을 return 한다. 그리고 Math.random을 사용하는 과정에서 최소값,..
Gaussian line (ref. Nature Of Code)
·
활동/개인 프로젝트
요새 기초적인 물리나 수학적인 부분들을 공부한다고 프로그래밍에 별로 신경을 못쓰고 있다. 그러다 보니 실력이 예전만하지 않다.. 반성 또 반성.. 여튼 시간날때 Javascript로 Nature Of Code 책을 참고해서 하나 만들어 보았다. 사실상 개념은 아래 글과 거의 똑같다. Javscript의 Math.random과 정규분포에 대해 요새 Nature of Code 라는 책을 간간히 보고 있는 중인데, Javascript의 Math.random 이라는 함수가 단순히 난수를 생성하는 지 또는 정규분포를 나타내는지 궁금하여 알아보게 되었다. 수학적 지식이 뛰 so-tired.tistory.com 대학에서는 파이썬 배우던데.. 이것도 공부해놔야 하나..ㅋㅋㅠㅠ
맥주 음미 노트 (개발X / 디자인X / Figma)
·
활동/개인 프로젝트
군대에서 맥주라는 새로운 취미가 생겼다. (사실 술 자체에) 물론 군대에서는 못 마셨고 유튜브로만 봤지만..ㅋㅋ 여튼 현재는 전역하고 마음껏 마시고 있다. 요즘 내 취향에 맞는 맥주들을 천천히 알아가고 있는 중인데 마셔본 맥주에 대한 정리를 해두면 좋을 것 같았다. 그러던 와중에 예전에 보던 책 [ 맥주도 취미가 될 수 있나요? ]라는 책이 떠올랐고 여기에 있는 음미 노트를 사용해보면 좋을 것 같았다. 하지만.. 예시가 이미 작성된 것이여서 스캔 뜨는 것으론 사용을 못할 것 같았고 그래서 그냥 디자인을 참고하여 만들어 보았다. (디자인은 어디까지나 음미하다 작가님의 디자인을 사용한 것입니다.) 만드는 과정에서 폰트나 자간과 같은 부분이 조금 아쉬웠지만.. 그래도 결과물은 괜찮게 나온 것 같다. 3시간 정..
Random Walker
·
활동/개인 프로젝트
군대에서 지원금으로 란 책을 사서 보다가 Canvas로 만들어 볼까라는 생각이 들었다. 그래서 크롬 개발자도구로 여차저차해서 간단히 만들어 본 것이다..ㅋㅋ Random Walker jeongwoo903.github.io
고등학생때 만든 Unity 작품..ㅋㅋㅋ
·
활동/개인 프로젝트
별의 커비 버전 플리퍼 버드 https://drive.google.com/file/d/1V9YV5ib7NrgFk7Zisp3gZIkV0yFvC_gz/view?usp=sharing Kirby_Unity_Tutorial ver 0.1.apk drive.google.com https://drive.google.com/file/d/1vZNECqKl1OFFr-274PT_Yfhe7fGdkjc2/view?usp=sharing PinWheel (바람개비).apk drive.google.com 남은 자료가 이것밖에 없지만.. 만들다 만 망한 게임ㅋㅋ 면접 준비하다가 찾아냄 ㅋㅋㅋㅋㅋ
Food Board (feat. 생활코딩 React 강좌)
·
활동/개인 프로젝트
View 예전에 JS가 너무 하기 싫어서 React부터 하다가 결국 JS를 해야한다는 사실을 깨닫고 좌절했던 기억이 난다...ㅋㅋ React를 처음 접해본 것은 아니지만.. 그래도 React로 제대로 구현한 것은 처음이다. 마지막 강좌 따라하고 실행해보다가 오류발생해서 유투브에 댓글 올렸는데 하트받아서 기분이 좋았다ㅎㅎ 아직은 그냥 쌩판 HTML+JS 조합보다 코드 정리나 시각적인 면에서 불편하긴하다. 하지만 코드 재활용성과 서버 사이드 렌더링(SSR) 이 두가지가 얼마나 뛰어난지는 잘 알겠다. 앞으로 독자적인 작품을 만들 수 있도록 노력해야겠다. 일단 이때까지한 개념들을 바로 잡고 다음 단계로 넘어가자.