📑 Project/📑 프로젝트 후기 검색 결과

해당 글 6건

snu-mud-webgame

오랜만에 express + pug 조합으로 만들었다. javascript로 진행되는 수업이라 typescript를 못 썼다는 점이 제약이었다. 기술적인 특이 사항은 전혀 없었다. 아래 정도가 특이 사항이라면 특이사항 일 것이다. 더 찾아보자면 적당히 PR template도 만들고 gitOps를 좀 신경 썼다는 정도한 것 같다. 실수 너무너무 귀찮아서 nginx도 안 쓰고 그냥 express를 80포트로 서빙하려고 했다. 그런데 /는 접속이 되는데 /signup 페이지에 접근이 안되더라 몇시간을 삽질했는데 알고보니 http://example.com -> 버튼 클릭 -> https://example.com/signup 하... 결론은 freenom에서 도메인 받고 cloudflare 붙여서 해결했다.
📑 Project/📑 프로젝트 후기 2021. 12. 22. 13:30

snu-coin 거래소

과제 하기 싫어서 미루고 미루다가 마감 이틀 전에 후다닥해버림 딱히 새로운 기술을 사용한 것은 아니지만, 지금까지 써온 것들을 잘 가다듬고 한 곳에 몰아서 정리해보는 의의가 있었다. 1. 다크모드 지원 https://darrengwon.tistory.com/1384 나도 몰랐는데 toggle 메서드가 있더라. ㅋㅋㅋ 어휴 // toggle document.body.classList.toggle("dark-mode"); // toggle 몰랐을 때... func toggleDarkMode() { if ([...document.body.classList].includes("dark-mode")) { return document.body.classList.remove("dark-mode"); } return ..
📑 Project/📑 프로젝트 후기 2021. 6. 13. 18:50

Fuze) Next.ts + node.ts 배포 과정

AWS - EC2생성 보안그룹 80, 443 포트를 전체로 열어놓기 ssh 22 포트는 접근 아이피 제한해놓기. Next.js Front 배포 방법 - 의존성 설치 // ubuntu apt-get 업데이트 및 기본 패키지 설치 sudo apt-get update sudo apt-get install build-essential sudo apt-get curl // node 설치 (https://github.com/nodesource/distributions 참고) curl -sL https://deb.nodesource.com/setup_lts.x | sudo -E bash - sudo apt-get install -y nodejs // yarn 설치 (https://blkcoding.blogspot.c..
📑 Project/📑 프로젝트 후기 2021. 2. 26. 02:53

youtube-clone (Node+Pug+freenom+Cloudflare)

Node와 Pug 템플릿 을 이용하는데 가장 많이 참고한 포스트입니다. darrengwon.tistory.com/192 ★ Twitter-Cloning로 Express 개발 플로우 + 배포 알아보기 🎩 requirement MySQL, sequelize에 대한 이해 https://darrengwon.tistory.com/146?category=858366 sequelize ORM를 이용한 MySQL 활용 ORM는 우리가 사용하는 프로그래밍 언어를 SQL문으로 변환해준다. python.. darrengwon.tistory.com Video와 Audio tag darrengwon.tistory.com/514 video, audio 태그의 속성, 메서드 video, audio 공통 속성, 메서드 : https..
📑 Project/📑 프로젝트 후기 2020. 10. 27. 00:51

turnchat-form 과제 전형 후기

ringle에서 새로 진행하는 프로젝트인 turnchat에서 내준 과제를 하면서 배운 것들을 정리해볼까 합니다. 과제 전형은 5시간이었는데 모든 기능을 완성하지는 못했습니다. 음... 해당 프로젝트는 아마 웹팩 실험장으로 앞으로도 쓸 것 같습니다. (--- 최근에는 TS 기반 웹팩만 쓰고 있습니다. 이제 TS없이는 살지 못하는 몸 ---) github.com/DarrenKwonDev/awesomeForm 1. CRA없이 React 빌드해보기! (webpack. 4.42.0 사용) darrengwon.tistory.com/861 Context API 상태 관리 라이브러리 밑에 밑에 밑에 컴포넌트에 props를 전달한다고 생각해보자. const App = () => {... ...} const User = ..
📑 Project/📑 프로젝트 후기 2020. 10. 13. 23:54

meme 공유 사이트 개발

giphy에서 아이디어를 얻어, 쉽게 meme을 찾고 첨부할 수 있는 사이트를 만들어보고자 했습니다. 클릭하면 경로가 복사되며, 로그인 후 원하는 밈을 업로드할 수 있습니다. 이 과정에서 작성할 포스트를 정리해볼까 합니다. 1. Masony layout 우선 사양한 meme을 한 눈에 볼 수 있도록 Masony layout을 구현했습니다. 아쉬운 점은 Grid를 이용한 것이 아니라 column-count를 이용했다는 것입니다. brunch 웹 사이트에서 아주 멋진 Grid를 발견했는데, 저도 이후에 이 서비스를 정식 서비스로 만든다면 Grid로 바꿔보고 싶습니다. Masonry layouts 구현하기 이번 ZzalZzalee 프로젝트에서 당연히 masonry layouts를 사용해봐야겠다고 생각했다. 주..
📑 Project/📑 프로젝트 후기 2020. 9. 5. 06:11