2024/10/06 3

[react/tailwind css] 자체적으로 audio player 구현하기

이번에 맡게된 외주 개발 작업에서1. 사용자가 mediaRecorder로 녹음한거 재생2. mp3 파일 재생을 할 오디오 플레이어를 구현해야했다 Figma상 디자인은 이랬다  따라서 대충 슥 봤을 때크게 구현해야하는 기능은 1. audioURL 생성해서 audio component에서 재생가능하게하기2. play, pause 할 때마다 아이콘 바뀌고audio 재생했다가 멈췄다가해주기3. audio 전체 길이와 현재 재생 중인 시간계산해서 progress bar 만들어주기 였다   처음에는 audioBlob이나 URL을생성하지 않고바로 audioRef를 넣어서재생하게 해줬는데이유는 모르겠지만 재생에 필요한셋업을 하는 시간이 너무 오래 걸려서.. audioRef -> audioBlob -> URL로 변경한 ..

기술/웹 개발 2024.10.06

[ComputerScience] c++의 Class와 Class Template

이 게시글은서울대학교 데이터사이언스대학원조요한 교수님의데이터사이언스 응용을 위한 컴퓨팅 강의를학습을 위해 재구성하였습니다.이번 시간에는c++에서 ₩class와class template에 대해서배운 내용에 대해서 정의해보려고 한다 우선 c++의 개발자Bjarne Stroustrup의Why I created C++영상을 보면c++을 왜 만들었는지에 대한이야기가 나오는데c에는 없는 class의 개념을도입하기 위해서 만들었다고한다  Simula라는 언어에서class의 개념을 가져온 뒤c의 빠른 속도와 class의 개념을 결합시킨언어를 만들기 위해서c++을 개발했다고한다 c에서는 structure라는 개념이 있는데이를 c++에서 object의 개념으로 확장시켰다고한다  Classclass란 무엇일까 아마 객체지향..

[ComputerScience] c++의 function overloading

이 게시글은서울대학교 데이터사이언스대학원조요한 교수님의데이터사이언스 응용을 위한 컴퓨팅 강의를학습을 위해 재구성하였습니다.이번 시간에는 c++에서함수를 다룰 수 있는 다양한 방법들과function overloading에서 대해서배운 내용을 정리해보려고한다 Default Arguments in Functions  우선 c++에서는 함수의 인자값를default로 설정할 수 있다 함수를 호출 할 때두 번째 인자값을 넘겨주면넘겨준 값으로 들어가지만아무것도 넘겨주지 않는다면default로 설정해둔 2가 들어가게 된다  Function OverloadingC에서는 같은 함수의 이름을여러 개 사용할 수 없었지만c++은 가능하다 이런걸 function overloading이라고 한다   이름이 같은 함수들을오른쪽과 같..