본문 바로가기

분류 전체보기56

OpenCV의 세 가지 블러링 함수 (medianBlur, GaussianBlur, blur) noise = salt_pepper_noise(image,500)dst = cv2.medianBlur(noise, 7) #7은 ksize = 커널 크기 = mask의 크기 = window#kseize를 올릴수록 더 좋아진다dst2 = cv2.GaussianBlur(noise, ksize=(7,7), sigmaX=10.0)#sigmaX에 0을 주면 점이 보인다.dst3 = cv2.blur(noise, ksize=(7,7))medianBlur(): 랜덤한 흑백 점(노이즈)를 제거하는데 사용한다 - 약간 유화 느낌이 난다. 그래서 salt-pepper 노이즈 제거가 제일 잘됨cv2.medianBlur(src, ksize, dst=None)src: 입력 이미지.ksize: 커널 크기(홀수만 가능). ⇒ 이걸 올.. 2024. 12. 11.
[프로그래모] 유튜브 클론 코딩 - 📝 쇼츠 페이지 기획 이번에는 깃허브도 익히고, 팀프로젝트가 어떻게 흘러갈지 알아보는 느낌으로 간단하게 하기로 하였다.우선 기획서부터 작성!시험기간이라 가장 간단해보이지만 그래도 무한스크롤 기능이 있어 재밌어보이는 쇼츠 페이지를 선택했다.바쁜 시기라 얼마나 구현할 수 있을지는 모르겠지만, 그래도 보이는 화면의 기능은 다 분석해보았다.🎬 쇼츠 메인 페이지 쇼츠 화면 : 가운데 정렬동영상 부분 : 추가 정보 / 프로필 박스 / 제목 / 음악 등 기타 정보(제목과 웹사이트 타이틀 동일)맨 오른쪽 위아래 화살표(오른쪽 정렬) : 클릭시 위 쇼츠, 아래 쇼츠로 이동 (부드럽게 구현)구독 / 좋아요 버튼 : 클릭시 활성화 / 비활성화 스타일링 다르게✔️클릭 전후 변경 ✔️버튼 마우스 hover 스타일🎬 쇼츠 상세 페이지... 누를시.. 2024. 12. 10.
[React] 렌더링을 확인할 수 있는 리액트 크롬 확장 프로그램 이걸 다운받으면 된다!개발자 모드에서 Components -> Highlight update when components render 를 체크하면렌더링이 되는 부분에 박스가 쳐져서 확인이 가능하다! 2024. 12. 9.
[React] 컴포넌트 자동으로 만들어주는 리액트 익스텐션 - rfc : 바로 함수형 컴포넌트 생성 - rce : 바로 클래스형 컴포넌트 생성 다운받는것을 추천한다. 2024. 12. 8.
[React] useRef 렌더링 계속 되는거 막고자 useRef 사용했는데 엉뚱한 결과가 나와서 공부하고 작성하는글. 요약 : 꼭 ref 어트리뷰트를 사용해야한다. 그리고 화면 렌더링 되는곳에는 사용하면 안된다. 오직 값만!! 담아야한다.✨ useRef ✨: 렌더링에 필요하지 않은 값을 참조할 수 있는 React Hookconst ref = useRef(initialValue)// initialValue: ref 객체의 current프로퍼티 초기 설정값// 초기 렌더링 이후부터는 무시된다. 반환값useRef는 단일 프로퍼티(current)를 가진 객체를 반환한다.- current : 처음에는 전달한 초기값으로 설정된다.- 이 current를 다른 값으로 바꾸는 방법: ref 객체를 JSX 노드의 ref 어트리뷰트로 React에 .. 2024. 12. 6.
[React] e.target.value라고 써야하는 이유가 뭐야? 그냥 e라고 쓰면 안됨? 결론 : ㅇㅇ 안됨.투두 리스트를 만들고 있었다.이렇게 작성하고,inputChange함수를 작성하는데문득,const inputChange = (e) => { setValue(e);};이건 왜 안됨? 이라는 궁금증이 생겼다. e와 e.target.value의 차이이벤트 객체(e)와 그 객체 안의 특정 값(value)을 사용하는데서 차이가 있다. 1. ee는 이벤트 객체 전체를 의미콘솔창에 찍어보았을 때,위와 같은 결과가 뜬다.객체인것이다. 2. setValue(e.target.value)이 친구를 콘솔창에 찍어보았을때내가 입력한 값이 뜬다. 그럼 target은 뭐야. 왜 저렇게써target은 이벤트 객체(e)의 속성으로, 이벤트가 발생한 HTML 요소를 참조한다.그래서 input을 참조할 수 있는것이다... 2024. 12. 5.