딥러닝은 사람의 신경망을 모방하여 구현한다. 신경망에 대해 알아보기 전에 더 단순한 퍼셉트론부터 알아보자. 퍼셉트론이란? 퍼셉트론은 다수의 신호를 받아서 하나의 신호를 출력하는 알고리즘이다. 출력하는 신호는 0 혹은 1이다. (이진 출력) 아래 그림은 2개의 신호를 받는 퍼셉트론의 예다. 가중치 입력 신호와 가중치를 이용하여 출력을 내는데, 이때 사용되는 함수를 활성함수라고 한다. 퍼셉트론의 활성함수는 아래와 같다. 가중치가 큰 신호일수록 출력 신호에 주는 영향도 클 것이다. 즉, 가중치는 입력 신호의 중요도를 결정한다. 편향 하지만 실제 구현에서는 가중치 외에도 편향이라는 값을 사용한다. 위 식에서는 θ가 편향에 해당한다. 편향을 좌변으로 옮기면 -θ가 되는데, b라는 변수로 치환하여 아래와 같이 표..

요즘 사이드 프로젝트를 진행하고 있다. 일도 바쁘고 시간이 지날수록 자꾸 늘어져서... 개발 속도가 점점 늦어지고 있다. 리프레쉬 겸 상용 서버에서 사용할 인프라좀 찾아보고 있다. 사이드 프로젝트에서 배포를 고려할 때 가장 큰 문제는 역시 비용이다. 나 역시 비용을 고려하며 쓸만한 서비스가 있나 찾아보았다. 오늘은 내가 찾아본 정보들을 정리해보려 한다. 최대한 간단하게 적을 것이므로 대략 이런 서비스가 있구나 하고 훑어보면 좋을 것 같다. 어차피 프리티어 혹은 바로 윗 단계의 비용을 지불할 가능성이 높다고 생각하기에 비용 정책은 따로 설명하지 않겠다. Firebase, Vercel과 같이 널리 알려진 서비스는 제외하고 서술한다. Server Supabase Supabase | The Open Source..

깃허브 블로그에 댓글 기능 추가하기 | 기원's Study(ing) 깃허브 블로그에 댓글 기능 추가하기 깃허브 블로그에 댓글 기능을 추가할 수 있다. giscus라는 댓글 플랫폼에 관해 글을 작성할 예정인데, 방법은 여러가지가 있는데 대표적인 몇 가지를 일단 소 giwonn.github.io (위의 사이트에서 보시면 더 쾌적하게 보실 수 있습니다.) 깃허브 블로그와 같은 개인 블로그를 사용하시는 분들은 utterances나 disqus를 많이 사용할 것입니다. 이번엔 Github Discussions 기반으로 작동하는 giscus라는 댓글 플랫폼에 대해 작성하려고 합니다. Utterances vs Disqus vs Giscus Disqus 구글링을 하며 블로그나 여러 사이트들을 들어가보면 위와 같은 댓글..

원래는 도커를 제대로 공부해보고 그 다음에 사용해보려 했었다. 근데 노트북 데탑을 왔다갔다하면서 개발할때마다 자꾸 에러를 뿜는다.... 홧김에 세팅해보았다. 일단 미리 말하자면 나는 도커이미지로 개발환경 세팅만 해놓고 이미지 내부에 구현코드는 존재하지 않게 만들었다. 준비된 개발환경은 다음과 같다. node + vite + vue 이번에 할 것은 1. Dockerfile 작성 2. docker compose 파일 작성 3. 핫 리로딩 개선 이 정도를 해보려고 한다. 배포환경 세팅은 다음에 따로 글을 작성해야겠다. 1. Dockerfile 작성 프로젝트 경로 최상단에 Dockerfile을 작성해준다. # 만들려고 하는 image의 베이스가 되는 image FROM node:lts-alpine # base ..

@keyup.enter를 사용하면 새로고침이 된다. .prevent를 뒤에 붙여봐도 소용이 없다. 그럴 때는 keydown.enter.prevent를 사용해보자. 새로고침 없이 잘 된다.

Vite는 Vue 3 를 기반으로 작동합니다. 그러므로 Vue 3를 사용하면 별다른 설정 없이 사용할 수 있습니다만... Vue 2는 설정을 좀 만져줘야 합니다. 저와 같이 Vue 2에서 Vite를 사용하고 싶은 분들을 위해 이 글을 바칩니다... Vite 프로젝트를 생성해보신분들은 프로젝트 생성 부분은 건너뛰시면 됩니다. Vite 프로젝트 생성 방법 방법은 아주 간단합니다. 일단 Vite 설치부터 진행하겠습니다. 프로젝트 폴더를 만들 경로에서 아래 명령어를 입력하면 됩니다. ex) abc 라는 폴더 내부에 프로젝트 폴더를 생성할 경우 abc 폴더에서 아래 명령어를 실행하면 됩니다. npm npm init vite@latest Yarn yarn create vite 이후에는 프롬프트 창에 출력된 메시지를..

이번 과제를 진행하면서 배운 것들을 기록하려 한다. Express는 Node를 위한 웹 프레임워크이다. (라이브러리가 아니다. 주의!) node가 설치되어 있다는 가정하에 진행하겠다. 1. package.json 파일 생성 npm init or npm init -y 위의 명령어들 중 하나를 Terminal에 작성해주면 package.json이 생성된다. -y 를 붙여주면 자동으로 package.json을 작성해준다. package.json는 프로젝트의 패키지 목록을 관리하고 추가 스크립트를 작성하는 파일이다. package.json를 다루려면 내용이 너무 길어지므로 일단 생략하겠다. (해당 프로젝트에 사용하는 설정, 플러그인 등이 무엇인지 기록해두는 곳이라고 보면 된다.) 2. express 설치 npm..

text-overflow : 텍스트가 영역을 넘어가면 어떻게 할지 결정해줌 [display : -webkit-box] => 아래 속성들을 사용하기 위해 작성해줌 -webkit-line-clamp : 영역 내의 최대 라인 수를 결정한다. -webkit-box-orient : 영역 박스 내의 정렬 방향을 정해줌 div { overflow: hidden; /* 영역 밖으로 나간 컨텐츠를 안보이게 숨겨줌 */ text-overflow: ellipsis /* 영역 밖의 텍스트를 말줄임으로 표시해줌 */ display: -webkit-box -webkit-line-clamp : 3; /* 3줄만 나타냄 */ -webkit-box-orient : veritcal /* 정렬을 수직으로 해줌 */ }

코틀린을 배워보며 안드로이드 앱을 만드는 와중에 기본으로 제공했었다는 kotlin-android-extensions 라는 플러그인이 더 이상 기본 제공이 되지 않는다고 한다. 그래서인지 자동으로 작동되지가 않더라. (처음에 이유를 몰라서 삽질 좀 함....) 구글링해보니 편하긴 하지만 좋은 플러그인이 아니라고 한다. (왜..?) 여튼... 안드로이드 4.1 버전부터는 'kotlin-android-extensions'가 기본적으로 제공되지 않는다고 한다. 왜 더 이상 사용하지 않을까? kotlin-android-extensions은 findViewById의 반복적인 작업을 제거하려고 만들어졌고, 내부적인 캐시를 통해 재사용성을 높인다고 한다. 하지만 RecyclerView의 ViewHolder에서는 그렇지..

학원 프로젝트중에 Spring과 React를 같이 쓸려고 하는데 CORS에러가 발생했다. 구글링 해 본 결과, SpringBoot와 React를 연결하여 Spring Security로 CORS를 해결하는게 대다수였다. 특히 나처럼 국비지원을 하는사람들은 SpringBoot를 안(못?)쓰는 경우가 많을텐데 해결방법을 공유하려한다 방법을 작성하기전에 한가지 말하고 싶은게 있다면 굳이 Spring Security를 쓰려고 시도하지 않아도 된다! 에러를 해결하는 방법은 간단할수록 좋은게 아닐까? 다른 사람들이 Security로 해결한다고 해서 나까지 똑같이 따라할 필요는 없다. 이런 당연한 사실을 간과하고 나는 이틀 내내 Security를 사용하려고 발버둥쳤다.... 여튼 이제 코드를 써보겠다. Filter를 ..