소음 측정 프로젝트

2024년 12월 15일 진행하는 9roomthon Deep Dive 해커톤에 참가하였고, 같은 팀원과의 회고가 끝난 시점에서 후기를 남겨두어야 방향성을 잊지 않을 것 같아 기록을 남기게 되었다.참가 당시 프로젝트는 ReactJS와 ExpressJS로 "오늘"이라는 게

오늘은 소음 측정 화면을 수정해보려 시도하였다. 왼쪽과 같은 이미지의 소음 측정 화면이 오늘 코드로 수정하려 했던 화면인데, 대회에서 진행했던 코드를 살펴보면 2가지 컴포넌트로 나누었다. Chart => 이미지상 회색 박스 측정 화면 페이지 그러나,

오늘 나는 아래 figma 이미지상 빨간테두리의 날짜/시간을 컴포넌트로 분리하여 코드 수정을 통해 구현해 볼 것이다.평소 Javascript를 공부하다보면 현재 날짜와 시간을 구현하는 것은 Javascript 내장 함수인Date()함수를 통해 가능하다는 것을 알 수 있

오늘은 현재 위치의 주소를 표시하는 작업을 수정해보려한다. 위 이미지상 보이는 빨간 테두리처럼 현재 위치를 주소로 받아와야 한다. 현재 위치를 주소로 받아오기 위한 구체적인 방법을 생각해보면 카카오맵 open API의 coord2Address 방법을 사용해야 하고,

소음 측정 프로젝트(소리담)에서 로그인과 회원가입이 추가됨에 따라 코드가 추가되었다. <img src="https://velog.velcdn.com/images/herjun802/post/ab569f21-e5c4-4309-af63-63a257

이제 프로젝트를 어느정도 수정하고자 다시 코드를 살펴보다 에러를 발견했다. 그동안 기능이 급하다는 이유로 console 창을 확인하지 않고 화면의 UI로 테스트한 업보가 이렇게 돌아오게 되었다... ㅠㅠ 해당 에러를 그대로 해석하면 fixedDate에서 serial

소음 측정화면에서 또 다른 에러가 발생하였다.현재 isRecording이란 props는 위에서 왼쪽에 보이는 이미지와 같이 초기 상태에서 유저가 측정 시작 버튼을 클릭한 순간, div태그의 border와 background의 색상이 변화하게 되는데, 이때 모듈화된 cs

소음 프로젝트에서 소음 측정 과정 중 다음과 같은 에러가 발생하였다. 직역하자면 update depth가 최대치를 초과했고, 이는 컴포넌틍에서 useEffect내부의 setState를 호출할 때 발생할 수 있다고 한다. 해당 에러를 자세히 살펴본바에 따르면 Noise

서론 Sorisoop 프로젝트를 개인 프로젝트로 돌리면서 소음 측정 방식에 대한 이해 필요성을 강하게 느꼈다. 이전 팀 프로젝트 당시 일정이 급하였다보니 당장 음성을 측정하는 것에 집중하였지만 사용된 web audio api에 대한 이해도 부족하였고, 무엇보다 소음 측

지난 글에서는 decibel을 구현하는 것까지 진행하였다면 이번에는 decibel을 dBA로 전환할 것이다. dB(decibel)과 dBA의 차이는 무엇일까?dB(데시벨)은 소리의 크기(음압)를 나타내는 단위이며, dBA는 dB 단위에 인간의 청감 특성을 고려한 'A-

sorisoop 프로젝트를 개인 프로젝트로 돌리게 되면서 기존 ReactJS, typescript로 진행하던 프로젝트에서 NextJS, typescript로 전환하게 되었다. 이에 따라 성능 최적화를 새롭게 진행하였고 기본적으로 제공되는 개발자도구의 lightHouse

서론 소리담 프로젝트가 막바지에 달함에 따라 리팩토링을 위해 lighthouse로 성능 평가를 진행하였다. 초기에는 Render Blocking request가 마음에 걸렸다. 진단 결과에 따라 css가 문제의 원인이라 나왔기 때문에 당연히 내가 구축한 design-