Web

[node.js 교과서] 9.5.1 스스로 해보기 - 프로필 정보 변경하기

내 프로필에서 사용자의 정보를 수정 할 수 있게 한다. 프론트 코드 수정 //profile.html ... 이름 바꾸기 변경 ... submit으로 제출 하기 위해서 form이 필요하다. routes/user.js파일에 profile 라우터를 생성 해 준다. routes/user.js ... router.post('/profile',async(req,res,next)=>{ try{ await User.update({nick:req.body.nickname},{ where:{id:req.user.id}, }); res.redirect('/profile'); }catch(error){ console.error(error); next(error); } }); 닉네임을 바꾸면 db의 닉네임이 변경 되고 자동적으..

[node.js 교과서] 9.5.1 스스로 해보기 - 팔로잉 끊기

node.js교과서 개정 2판 학습중 9.5.1 스스로 해보기 팔로잉 끊기 기능 메인의 게시글 목록에서도 팔로우 끊기를 할 수 있고, 내 프로필의 팔로잉 목록에서도 팔로우 끊기를 할 수 있도록했다. 우선 main.html의 프론트 부분 수정 //main.html ... {% if not followerIdList.includes(twit.User.id) and twit.User.id !== user.id %} 팔로우하기 {% elif followerIdList.includes(twit.User.id) and twit.User.id !== user.id%} 팔로우끊기 {% endif %} ... {% endblock %} /routers/user.js 파일에서 언팔로우에 대한 라우터를 생성한다. // ro..

Three.js 기초 및 과제 제작

그래픽 수업에서 three.js와 webGL을 배우고 있다. 그 중 three.js를 사용한 과제가 나와서 웬일로 데드라인을 일주일이나 남겨놓고 완성했다. 사실 교수님이 2주 조금 넘는 시간을 주셔서 어려운줄 알고 일찍 한건데 생각보다 크게 어렵진 않아서 일찍 끝낼 수 있었다. three.js로 만든 첫 과제물은 관절과 길이 조절이 가능한 램프를 만드는 것이다. 이건 교수님이 구현 해 주신 기초 기능이다. 처음 프로젝트 파일을 열면 붉은 박스와 노란 디스크만 존재하고 이동, 회전, 높이 조절 기능을 미리 구현 해 두셨다. 기능 1) x,z좌표 이동, 빨간색 박스 높이 조절, 노란색 디스크 회전 2) 길이 조절. 가운데 관절 기준으로 아래, 위 arm들의 길이가 각각 조절 가능하다. 3) 관절 회전 베이스..