목록만든거 (12)
어읽로꾸거
https://github.com/december-ok/webgl-test GitHub - december-ok/webgl-test: webgl-test webgl-test. Contribute to december-ok/webgl-test development by creating an account on GitHub. github.com Demo: https://december-ok.github.io/webgl-test/ WebGL Demo 마우스 우클릭하면 큐브가 움직임 december-ok.github.io WebGL로 게임 만들기전에 만든 테스트 게임
React Typescript Redux SCSS 제작 https://december-ok.github.io/CoinTrade/
UserDetail부분을 좀 다듬었다 Css가 정말 재미있다 의미는 없지만 추가적으로 User가 작성한 Post들을 불러와보자 이 페이지를 만들면서 Grid layout에 대해 잘 알게 되었다. 그리고 이제 더이상 Grid layout을 건들고싶지 않다. 다시는 보지말자 Post에 들어갈걸 미리 다 정해놓고 하는게 나을것 같다. 어떤 기능을 할건지는 미리 정해야겠다 -post 하단에 하트 댓글 몇개 이런식으로 보여주고 최근 댓글까지 추가로 보여주면 될 것 같다. 시간을 표시하기 위하여 시간표시하는 함수를 만들었는데 이런 잡 함수들을 이용하기 위하여 잡것들 컨트롤러를 만들어줬다. othersController를 추가해줌 아까 하던 Post에 댓글을 추가해야할 때가 온것 같다. 글 삭제 기능도 추가해야 한다..
아까 오전에 한건 좀 부족한거 같애서 좀 더함 일단 home에서 보이는 테스트 데이터 보여주는걸 실제 데이터 보여주는걸로 바꿈 잘 된듯 하다. 이제 User 관련 View부분을 건들면 될 것 같다 막상 하려니까 좀 알차게 채우고 싶어져서 이것저것 만들었다 CSS안하니까 안이쁘다 User 모델을 좀 수정했다. UserDetail페이지대략적인 구성 그리드 레이아웃을 쓰면 될 것 같다 프로필사진 이름 Description 작성글 댓글 받은 좋아요 개수 45 242 999999 그 밑엔 Controller부분인데 여러가지 기능들이 있다 - 프로필 변경 - 비밀번호 변경 - 로그아웃 - 계정제거(!) 생각보다 할게 많다 군대에서 코딩하는게 은근 힘들다
User 부분을 하기위해서 passport를 이용한다 [의식의 흐름] 로그인? passport써야지 소셜로그인 아니니까 그냥 local strategy써야지 User랑 연동도 해야해 몽구스 쓰니까 passport local mongoose써야지 쓰는 이유? 로그인/가입/탈퇴 시 DB연동됨 여기서 중요하다고 느끼는점 : 각 3개의 모듈은 어떤 일을 하는지? Passport는 위에서 어떤식으로 할지 지휘를 하고 세부사항은 써줘야함 (session도 관리함) Passport local은 아이디와 비밀번호를 이용해 로그인을 하는 모듈 Passport local mongoose는 위의 패포로컬을 몽구스와 연동하여 DB 사용하기 쉽게 해주는 아주좋은 모듈 대략적으로 이정도로 정리할 수 있겠다 여전히 좀 어려운거같은..
User 부분과 로그인 부분을 완성하면 될것같다. Passport를 이용할 것이다. opentutorials.org/course/3402 Passport.js - 생활코딩 수업소개 이 수업은 Node.js Express의 인증 미들웨어인 Passport.js의 사용법을 알려드리는 수업입니다. 수업대상 로그인/로그아웃/접근제한과 같은 인증 기능을 구현하고 싶은 분에게 필요한 수업�� opentutorials.org 근데 이걸 듣기 위해 opentutorials.org/module/3648 WEB4 - Express-Session-Auth 수업소개 이 수업은 Node.js 웹프래임웍인 Express에서 Session을 이용해 인증을 구현하는 방법을 알려드리는 수업입니다. 수업대상 로그인/로그아웃/접근제한과 ..
사실상 CSS밖에 건든게 없다 하지만 거의 무에 가깝던 CSS실력을 많이 기른것 같다 특히 사진 1:1 비율 고정시키는 object-fit: cover; 는 정말 기적에 가까운 기능을 보여줬다 행복했다 만지다 보니까 다크모드에도 관심이 생겼다 SCSS의 기능을 잘 활용해야되는데 좀 잘 못한것 같다 이제 더이상 CSS는 당분간 안하고 기능 구현에 집중할 것이다. 은근 중독성이 강하다. DB연동을 먼저 해야겠다 MongoDB가 편하니까 이거 쓸거임 하기 싫어서 그렇지 하니까 금방함 Models 총 3가지 User, Post, Comment 스키마와 모델은 어떤관계인가? backend-intro.vlpt.us/2/03.html 2-3. 데이터베이스 스키마와 모델 · GitBook 2-3. 데이터베이스 스키마와..
갑자기 하고싶어서 Header부분 CSS를 짰다. 그다음엔 각 Post에 들어갈 요소들을 생각했다 더보기 export const posts = [ { id: 123123, author: '@messi', contentsType: 0, // 0 is pictures, 1 is video contentFiles: [ './contents/messi.jpg' ], article: 'World Best', likedUsers: [ ], comments: [ ] } ] id, 글쓴이, 사진인지 영상인지, 포스팅 내용, 좋아요 누른사람들, 댓글 목록들 막무가내로 만들려고하니 복잡하다 조금 더 생각을 해야겠다.