post-thumbnail

[TIL]CSS Module과 Scss

지금까지 React 프로젝트를 진행하면서 css는 CSS-in-JS 방식인 styled-components를 사용해 왔으나, 온보딩 코스의 강사님께서는 CSS Module + Scss 방식을 사용하고 계시기에 이번 기회에 한번 사용해 보기로 했습니다.말 그대로 CSS를

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

[TIL]moment로 calendar만들기

moment를 활용해 calendar를 만들어 보았습니다.아직 구체적인 기능은 없고 View만 구현된 상태입니다.먼저 변경될 date와 오늘을 가르킬 today를 선언해 주었습니다.그 다음 선택된 달의 첫 째주와 마지막 주를 가져와 주었습니다.7개의 빈 배열을 선언하고

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

[TIL] TodoList 팀 과제

프리온보딩 첫 번째 팀 과제가 시작되었습니다.TodoList만들기 과제 인데 팀원이 10명인데 비해 프로젝트 규모가 작아 분담하는데 애를 먹었고,컴포넌트 단위로 쪼개서 작업을 할 예정인데 머지할 때 충돌이 많이 일어날 것 같아 걱정이지만 충돌도 하나의 수업이라고 생각합

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

[TIL] 원티드 온보딩 시작

오늘 원티드 온보딩 과정 첫 수업이 있었습니다.수업에서 과제에 대한 피드백이 진행되었는데 약간 정리해 보려 합니다.onClick, onChange등의 함수는 빼서 사용해 준다.안에서 선언해서 사용하면 리렌더링 될 때 마다 새로 함수가 만들어진다고 합니다.핸들러 함수의

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

setInterval 과 useInterval🐶

개인노션 작성 글(2022.03.11) 블로그로 이전 중입니다.타이머 코드를 리팩토링 하는 중에 전에 접했던 useInterval이 생각이 나서 적용해 보려고 합니다.완성 코드를 제외한 나머지 코드는 불필요한 부분을 많이 편집한 작동하지 않는 코드입니다.전체적인 흐름은

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

모바일 토론방 이용중 홈버튼 및 화면전환시 에러 발생🚨

개인노션 작성 글(2022.03.11) 블로그로 이전 중입니다.서비스를 배포하고 실제 유저들이 사용중에 발견한 에러이다😰기존에는 컴포넌트가 언마운트 될 때, beforeunload 이벤트를 이용해 브라우저가 새로고침 될 때, 닫힐 때disconnect신호를 서버에 전

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

채팅방 입장 메세지 미출력 에러🚨

개인노션 작성 글(2022.03.28) 블로그로 이전 중입니다.우리 채팅방은 유저가 채팅방 입장 시 위 사진처럼 입장 메세지가 나온오는데,이 입장 메세지는 메세지와 함께 서버에서 어떤 아이템을, 어떤 유저가 발동 중인지 정보를 사용자에게 보내주고 그 정보를 바탕으로 사

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

Reflow와 Repaint

브라우저에서 화면을 다시 그리는 과정을 크게 Reflow와 Repaint 두 개로 나눌 수 있습니다.\[Browser] Reflow와 Repaint화면에 변화가 있을 때 화면을 그리는 과정입니다.화면의 구조가 변경되었을 때에는 Reflow과정을 거쳐 화면 구조를 다시

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

채팅방 자동 스크롤 사용성 개선

개인노션 작성 글(2022.03.12) 블로그로 이전 중입니다.개선할 사용성은 이러합니다. 새로운 메세지가 오면 무조건 맨 아래로 자동 스크롤이 되는데 이러면사용자가 이전 채팅을 확인하거나 다른 작업을 할 때 상당히 불편합니다.그래서 스크롤의 위치가 맨 밑이 아니면 자

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

사파리에서 타이머 미작동 오류🚨

개인노션 작성 글(2022.03.12) 블로그로 이전 중입니다.타이머 게이지가 크롬에서는 정상 작동하나 사파리에서 작동하지 않는 오류가 발생하였습니다.오류 내용은 이렇습니다.게이지 컴포넌트에 넓이 속성을 못넘기는 오류였습니다.넓이 속성은 시간을 기준으로 계산되는데 시간

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

타이머 작동하는데 엉망으로 작동

개인노션 작성 글(2022.03.11) 블로그로 이전 중입니다.이번 프로젝트는 타이머가 2종류가 존재합니다.게이지 형식시간초 형식이렇게 두 종류를 만들었는데 작동하나 예외에 대응하지 못하고, 저 타이머 때문에 너무 많은 컴포넌트가 동시에 리렌더링 되고있습니다. 그리고

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

onboarding만들기 (carousel)

개인노션 작성 글(2022.03.08) 블로그로 이전 중입니다.디자이너분이 최초 접속자에게 보여줄 온보딩을 만들어달라는 요청이 있어 만들어 보려고 합니다사진과 같은 온보딩을 원하셔서 기존에 사용하던 carousel라이브러리랑은 형식이 틀려서 직접 만들어보려고 합니다.정

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

WebSocket이란?

webSocket은 ws프로토콜 기반으로 클라이언트와 서버 사이에 지속적인 완전 양방향 연결 스트림을 만들어 주는 기술입니다. 일반적인 웹소켓 클라이언트는 사용자의 브라우저일 것이지만, 그렇다고 해서 이 프로토콜이 플랫폼에 종속적이지는 않습니다 .-Mozilla-쉽게

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

ES5와 ES6의 차이점

개인노션 작성 글(2022.01.23) 블로그로 이전 중입니다.ES는 국제 표준화 기구인 ECMA인터내셔널에서 정한 자바스크립트에 대한 표준이다ECMA에서는 자바스크립트의 표준만 내리는게 아니기 때문에 그와 구분하기 위해 숫자를 붙였는데 262이다.ECMA262가 자바

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

debounce와 throttle

개인노션 작성 글(2022.02.05) 블로그로 이전 중입니다.검색어에 대한 연관검색어를 불러온다고 하면, onchange의 경우 ㄱ,가,감 이런 순서대로 진행될 것입니다.하지만 모든 순서에서 서버에 접근해 데이터를 가지오 오면 엄청나에 요청이 많아질 것입니다.이러한

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

modal창 만들기 with Animation

개인노션 작성 글(2022.02.27) 블로그로 이전 중입니다.react-modal 라이브러리를 사용하다 문제가 발생했다 그래서 직접 만들기로 했다.부모 Header.js먼저 부모에서 모달창의 state를 만들고 값과 함수를 자식에게 넘겨준다.자식 HamburgerMo

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

chat component리렌더링 문제

개인노션 작성 글(2022.03.03) 블로그로 이전 중입니다.채팅방 기능을 구현하였으나 많은 리렌더링이 발생했다. 선조들의 지혜를 빌렸으나 선조들도 생각보다 믿음직스럽지 못.. 🥲그래서 하나하나 고쳐보려고 합니다.발생한 문제는 다음과 같습니다.ChatBox컴포넌트에

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

고정소수점과 부동소수점

밑이 10인 실수에는 1진 소수점이 포함된다. 따라서 밑이 2인 경우, 실수를 표기하기 위해 2진 소수점을 표현할 방법이 필요하다. 여기서도 정수의 경우와 마찬가지로 문맥에 따라 실수를 표현하는 방법이 달라질 수 있다소수점의 위치를 임의로 정한다. 예를 들어 4비트가

2022년 1월 20일
·
0개의 댓글

[프로그래머스]54. 크레인 인형뽑기 게임

https://programmers.co.kr/learn/courses/30/lessons/64061링크 참고}

2022년 1월 19일
·
0개의 댓글

[프로그래머스]53. [1차]다트 게임

https://programmers.co.kr/learn/courses/30/lessons/17682링크 참고}

2022년 1월 19일
·
0개의 댓글