본문 바로가기

공부172

[ML/DL] Batch Normalization 배치정규화 과적합을 줄이는 방법 중 하나로 알고 이 글을 읽는 분들이 많을것이다. Batch Normalization에 대해 알아보도록 하자. 먼저 Batch Normalization 은 아래 논문에서 나온 개념이다. Batch Normalization: Accelerating Deep Network Training by Reducing Internal Covariate Shift Training Deep Neural Networks is complicated by the fact that the distribution of each layer's inputs changes during training, as the parameters of the previous layers change. This slows do.. 2022. 9. 16.
Commitlint 커밋린트 란 개요 commitlint 를 이해하기 전에 알아야될것들을 우선 개요에서 설명하려 한다. 커밋 메세지 컨벤션 : 프로젝트를 깃으로 관리할땐 커밋메세지를 남기곤 한다. 협업을 위해서 커밋메세지의 통일성이 필요하고, 커밋 메세지 컨벤션은 이에 대한 규칙이다. 규칙들 : - 제목과 본문을 빈 행으로 구분 - 제목을 50글자 이내로 제한 - 제목의 첫 글자는 대문자로 작성 - 제목의 끝에는 마침표를 넣지 않는다 - 제목은 명령문으로 작성하며 과거형X - 본문의 각 행은 72글자 내로 제한한다 - 어떻게 보다는 무엇과 왜 를 설명한다 커밋 메세지 구조 : $ (): -- 헤더 -- 빈줄 -- 본문 -- 빈줄 -- 바닥글 githook : 프로그래밍에서 hook이란 특정 함수 전후에 호출이 되는 코드를 말한다 git.. 2022. 9. 6.
colab에서 커스텀 폴더/패키지 import 방법 colab에서 프로젝트를 진행하면 한번쯤은 겪어봤을 수 있는 이슈이다. 상황 : 아래와 같은 코드에서 - torch 는 내가 만든 패키지가 아니다 pip로 설치가능 - LFW는 내가 만든 data폴더의 lfw.py 에 있는 class이다. import torch import torch.nn as nn from data.lfw import LFW from data.ms1m import get_train_loader ... 하지만 같은 위치에 있다고 해도 LFW를 바로 불러오지는 못한다. PC와 다르게 이와 같은 저장소의 문제가 있다. 해결 : 매우 간단하다. - google drive 와 연동시켜준후 - 위치를 현재위치로 이동시켜주면 된다. 1. drive 마운트 import os from google.c.. 2022. 9. 4.
[AWS] 카톡분석 프로젝트-15 / React / 카톡 인앱 브라우저 전환 서비스 배포는 이미 완료했으며 개발간 자잘한 팁들을 포스팅한다. 카톡분석 서비스 주소 https://www.advancer-katalk.click 카톡분석 왕 테스트 www.advancer-katalk.click 개요 카톡으로 링크를 공유받았을때 그 링크는 카톡의 인앱 브라우저로 열리게 된다. 인앱브라우저의 경우 대부분 구동 간 제약이 존재한다 - 글자깨짐, 간격 등의 UI 이슈 - 여러 탭이 열리지 않는 이슈 등 이런 제약들을 우회하고자 페이지를 열었을 때 인앱브라우저이면 -> 크롬, 사파리로 브라우저를 자동전환하는 방법을 알아보고자 한다. 코드로 설명 - index.html 카카오톡이 아니더라도 인스타그램, 페이스북도 인앱 브라우저가 존재한다. 따라서 위 코드에서는 인스타인앱까지 탈출시켜봤다 끝 2022. 8. 23.
[AWS] 카톡분석 프로젝트-14 / React / 카톡으로 공유하기 서비스 배포는 이미 완료했으며 개발간 자잘한 팁들을 포스팅한다. 카톡분석 서비스 주소 https://www.advancer-katalk.click 카톡분석 왕 테스트 www.advancer-katalk.click 아래와 같이 카톡으로 웹페이지를 공유하는 방법을 알아보자 1. 카카오 개발자 사이트에서 웹을 등록 Kakao Developers 카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다. developers.kakao.com 카카오 API를 사용하는 것이기 때문에 위 작업이 필요하다. 가입후 플랫폼 탭에서 아래와 같이 내 사이트를 적어넣어주자 (localhost는 개발용) 2. 코드내에 Kakao init 해주기 .. 2022. 8. 22.
[AWS] 카톡분석 프로젝트-13 / React / 폰트 적용 서비스 배포는 이미 완료했으며 개발간 자잘한 팁들을 포스팅한다. 카톡분석 서비스 주소 카톡분석 왕 테스트 www.advancer-katalk.click 프런트엔드를 개발하면서 기본 폰트를 그대로 사용하는 경우는 없을것이다. 폰트를 적용하는 방법을 알아보자. 1. 폰트 다운로드 폰트는 많은 사이트에서 가져올 수 있겠지만 아래 링크에서 가져왔다. Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com 눈누 상업용 무료한글폰트 사이트 noonnu.cc 원하는 폰트를 클릭한 뒤 Download 버튼을 눌러 다운받아준다. 2. 폰트 변환 다운로드한 ttf 파일들은 모든 브라우저에서 동작하지.. 2022. 8. 21.
[AWS] 카톡분석 프로젝트-12 / CSS 배경 관련 속성 서비스 배포는 이미 완료했으며 개발간 자잘한 팁들을 포스팅한다. 카톡분석 서비스 주소 카톡분석 왕 테스트 www.advancer-katalk.click 프런트작업을 처음 해봤기때문에 처음 배경을 설정하는데 굉장히 애먹었던 기억이 있다 개발 초기 배경 화면 : 배포 시 배경 화면 : 어떻게 백그라운드를 완성할 수 있었는지 배경 속성을 정리해보도록 하자. 1. background-color 위 프로젝트처럼 background image 를 쓰면 관계없지만 color 속성을 통해 배경색상을 정할 수 있다. div{ background-color : black; } 2. background-image 배경을 이미지로 지정할때 사용하는 속성값이다. div{ background-image:url("https://~.. 2022. 8. 6.
[AWS] 카톡분석 프로젝트-11 / React 이미지 슬라이드 구현 서비스 배포는 이미 했지만 그동안 못한 포스팅을 이제야 쓴다. 카톡분석 서비스 주소 카톡분석 왕 테스트 www.advancer-katalk.click 카톡분석 서비스는 기본적으로 카카오톡 파일을 업로드 해야 분석을 시작할 수 있다. (파일은 저장하지 않는다) 그런데 저장후 불러오는 과정이 까다로워 이미지 슬라이드로 설명이 필요한 상황! 아래와 같은 슬라이드 구현이 필요했다. React-slick 과 Carousel React-slick 과 Carousel(캐러셀) 을 이용해 슬라이드를 구현해보자. 1. 설치 npm install react-slick --save npm install slick-carousel --save 2. import import "slick-carousel/slick/slick.c.. 2022. 8. 5.
반응형