post-thumbnail

tranform을 활용한 애니메이션

순서전체가 숨겨졌다가 위로 올라옴관람하기동전티켓

4일 전
·
0개의 댓글
post-thumbnail

Transform_CSS

요소의 이동(translate), 회전(rotate), 확대축소(scale), 비틀기(skew)효과를 부여하기 위한 함수를 제공한다.css에서의 좌표 기준점은 브라우저의 왼쪽 상단이 된다.z축은 입체적인 방향으로 모니터를 바라보고 있는 내가 있는 방향을 가리키는 좌표축

4일 전
·
0개의 댓글
post-thumbnail

express-mysql-session_Express

쿠키는 브라우저에 정보들을 저장하는 방식으로 진행된다세션은 정보를 서버에 저장해놓고 키를 통해서 브라우저와 통신하게 되는데, 이때 필요한 세션정보는 쿠키로 저장한다 => (connect.id)Route 에 의한 경로 이동을 하게 되는데 html 에서는 action="p

2022년 6월 23일
·
0개의 댓글
post-thumbnail

router.event_Next.js

next/router로 이벤트를 감지해서 특정 이벤트가 발생하면 함수를 실행시킬 수 있다.routeChangeStart(url, { shallow })- 경로가 변경되기 시작할 때 발생routeChangeComplete(url, { shallow })- 경로가 완전히

2022년 6월 17일
·
0개의 댓글
post-thumbnail

모달창 영역 밖 클릭

플러스 버튼을 클릭하면 모달창이 나타난다(귓속말, 앨범, 파일)플러스 버튼을 재클릭하면 모달창이 사라진다모달창 이외의 공간에 클릭하면 모달창이 사라진다

2022년 6월 13일
·
0개의 댓글

[chat] 귓속말 기능

왼쪽의 플러스 버튼 클릭시 모달창이 뜨고, 귓속말 select에서 유저를 선택할 수 있다내용 입력 후 보내면 내가 보낸 창은 오른쪽에, 받는 채팅은 왼쪽에 출력{보내는사람}님에게 귓속말을 보냈습니다. {받는사람}님이 귓속말을 보냈습니다.

2022년 6월 13일
·
0개의 댓글
post-thumbnail

[chat] 아래에서 위로 올라가는 채팅 UI

채팅을 입력했을때 위에서 내려오는게 아닌 아래에서 위로 올라감원래 위에서 아래로 내려오는 형식이었다(default) 카톡처럼 아래에서 위로 올라가는 ui를 만들고 싶었지만 아무리 구글링을 해도 안나오더라(아직 구글링이 미숙한탓..)그냥 이걸 얘기하고 싶었다(한탄) ..

2022년 6월 9일
·
0개의 댓글
post-thumbnail

[chat] 현재 접속중인 유저

채팅방에 유저가 들어오면 join userMember에 숫자가 뜨고, 유저 닉네임이 표시채팅방을 나가면 join userMember에서 제거

2022년 6월 4일
·
0개의 댓글
post-thumbnail

[chat] 채팅 입/퇴장 문구

채팅방에 유저가 들어오면 ㅇㅇ님이 들어오셨습니다. & 나갔습니다. 표시본인이 들어오고 나갈때는 표시하지 않음user.nick이 제대로 표시되다가도 나갔다 들어오면 undefinde가 표시됨위의 내용 + 한 유저에서 두번씩 표시됨 \-> render가 두번씩 발생한다고

2022년 6월 4일
·
0개의 댓글
post-thumbnail

[chat] 입력중입니다...

상대방이 입력할때 ㅇㅇ님이 입력중입니다 표시입력하다 지웠을때, 입력 후 엔터 쳤을때 문구 미표시입력하고 있는 유저 외에 채팅방에 있는 모든사람에게 표시

2022년 6월 2일
·
0개의 댓글

좋아요 목록 불러오기

다른 페이지에서 눌렀던 좋아요 목록을 볼 수 있다목록 최대 6개 까지 볼 수 있다더보기 버튼을 클릭하면 다른 페이지로 이동해서 좋아요 누른 모든 목록을 볼 수 있다해당 상품 클릭시 상세보기 페이지로 이동

2022년 5월 27일
·
0개의 댓글

참고

update & insert는 성공했는지 여부를 insertId 같은걸 받아서 확인한다update와 delete, insert와 같이 직접 데이터를 만지는 로직에 select문이 들어가면(이중 로직) 예외처리를 필수로 해줘야한다 이를 트랜잭션 이라고 함(board.js

2022년 5월 27일
·
0개의 댓글
post-thumbnail

좋아요, 찜 기능

좋아요 추가좋아요 해제새로고침시 또는 첫 렌더링때 좋아요 목록 조회좋아요 추가

2022년 5월 25일
·
0개의 댓글

[chat] 유저별 메세지 구분하기

채팅방에 입장하면 이전 메세지를 불러와서 messages에 담는다messages에서 내가 아닌 다른 유저가 보냈던 메세지들을 getMessages에 담는다messages에서 내가 보냈던 메세지들을 nowMessages에 담는다getMessages는 왼쪽으로 채팅창을 정

2022년 5월 15일
·
0개의 댓글
post-thumbnail

[chat] jwt 토큰 발행하기

발급하기 조회하기

2022년 5월 10일
·
0개의 댓글
post-thumbnail

router_Express

app.js에서 등록해야만 사용할 수 있다등록하지 않은 경우에는 router.get이 아니라 app.get으로 사용해야 한다package.json에서 start에 app.js가 등록되어 있어야한다자동 라우터 등록, router file에 있는 파일이 경로가 된다

2022년 4월 28일
·
0개의 댓글
post-thumbnail

Method_Express

현재 모듈의 위치를 나타낸다

2022년 4월 27일
·
0개의 댓글
post-thumbnail

Default Pages_Next.js

index.js가 가장 기본 화면의 역할, 각 폴더명이 주소가 된다(http://localhost:3000)export default한 컴포넌트를 라우팅한다http://localhost:3000/ 주소뒤에 다른 폴더명이 주소가 됨각각 페이지가 될 부분

2022년 4월 25일
·
0개의 댓글
post-thumbnail

JWT 토큰 발행_Network

라이브러리 설치npm i jsonwebtoken토큰을 인증하기위한 비밀 키가 필요하다 첫번째 파라미터(토큰에 넣을 데이터) 두번째(시크릿키), 세번째(옵션), 네번째(콜백함수)함수 생성

2022년 4월 22일
·
0개의 댓글

기본연결_ socket.io

2022년 4월 21일
·
0개의 댓글