코딩연습장

  • 홈
  • 방명록
  • 글쓰기
  • 관리자

2022/12/29 2

221229 TIL

클론코딩 주차가 끝났다! 시간이 부족해 웹소켓을 잘 사용해보고자 스코프는 매우 작았지만, 새로운 기술을 사용해 볼 수 있어 너무 뜻깊은 시간이었다. 처음에 자료도 너무 없고 리액트에서 동시 접근 제어를 구현한 자료가 진짜 거의 없어서 가닥 잡기가 너무 힘들었다. 결국엔 구성했던 스코프대로 완성이 잘 되었다. 한 textarea에 작성하면 동시에 다른 사용자에게 뿌려주고, 동시에 여러명의 사용자가 작성해도 정상적으로 데이터가 오고간다. 하지만 해결 못한 점도 있다. 바로 한줄에서 여러명의 사용자가 타이핑을 할 때의 문제이다. 일단 이 문제는 원인도 잡지 못했는데, 가나다 를 여러명이 입력하면 ㄱㄱ가간가낙닫닫나낟ㄴㄴ닫나 이렇게 이상한 문자열이 들어온다... 노션이나 구글docs도 완벽히 해결하지 못한 걸로 ..

1차 공부/TIL 2022.12.29

221228 TIL framer-motion

라이브러리 설치 yarn add styled-components yarn add framer-motion 코드 import React from 'react'; import styled from 'styled-components'; import { motion } from 'framer-motion'; function App() { return ( ); } const Wrapper = styled.div` width: 100vw; height: 100vh; background-color: black; display: flex; justify-content: center; align-items: center; `; const Box = styled(motion.div)` // Framer-motion과 st..

1차 공부/TIL 2022.12.29
이전
1
다음
더보기
프로필사진

  • 분류 전체보기 (344)
    • 2차 공부 (162)
      • 알고리즘 (34)
      • TIL (127)
      • WIL (0)
      • 최종프로젝트 (1)
    • 1차 공부 (181)
      • React공부 (42)
      • WIL (13)
      • TIL (39)
      • 알고리즘 (28)
      • 공부한 자료 (21)
      • JavaScript (7)
      • 코드분류 (1)
      • 웹개발노트 (5)
      • 설정관련 (3)
      • 기타 (2)
      • 기술면접 준비 (20)

Tag

javascript, TDZ, 리액트, Reducer, nextjs, redux, 팀프로젝트, 코딩테스트, tanstack query, action creator, 리덕스, react, 프로그래머스, CSS, React Query, react-redux, vite, 알고리즘, js, 실행컨텍스트,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2022/12   »
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바