셩잇님의 잡동사니

🌐 웹 기초  지난 시간에는 HTML의 UI를 담당하는 Button과 Input 태그 등에 학습하였다. 이번 시간부터는 HTML이 아닌 CSS를 배워보도록 하자.  🚂 CSS  이전 시간과 마찬가지로 CSS를 학습하기 전에 앞서, CSS의 정보를 한눈에 볼 수 있도록 정리한 사이트 https://www.w3schools.com/css/default.asp 를 통해 어떻게 사용하는지 확인하고 이를 실습한다.  사용이유  CSS는 엄연히 Cascading Style Sheet로 웹사이트의 표현 방법을 정해주는 스타일 시트 언어이다. 그런데 CSS는 왜 생겨났을까? 바로 HTML 안에 태그(, , 등)와 비주얼 요소(span 등) 섞여버리기 시작하여, 태그 영역과 비주얼 요소의 영역 구분이 점차 힘들어지..

🌐 웹 기초  지난 시간에는 HTML의 DOCTYPE, HTML, BODY, HEAD 등 파일 구조 태그에 대해서 학습하였다. 이번 시간에는 HTML의 UI 요소인 Button과 Input 태그들에 대해서 배워보도록 하자.  🚂 Tag  이전 시간과 마찬가지로 HTML의 태그를 학습하기 전에 앞서, HTML의 태그를 한눈에 볼 수 있도록 정리한 사이트 https://www.w3schools.com/tags/tag_comment.asp를 통해 태그를 확인하고 이를 실습한다.  Button  onclick을 통해 클릭할 때 동작할 이벤트를 정의할 수 있다.다만, 해당 영역에 자바 스크립트를 넣어서 함수를 통해 동작하도록 설정할 수 있다.또한 버튼과 input의 차이점은 버튼 내부에는 , 과 같은 태그들을..

🌐 웹 기초  지난 시간에는 HTML의 리스트, 테이블 태그에 대해서 학습하였다. 이번 시간에는 HTML의 파일 구조 태그들에 대해서 배운다.   🚂 Tag  이전 시간과 마찬가지로 HTML의 태그를 학습하기 전에 앞서, HTML의 태그를 한눈에 볼 수 있도록 정리한 사이트 https://www.w3schools.com/tags/tag_comment.asp를 통해 태그를 확인하고 이를 실습한다.  DOCTYPE 은 도큐먼트의 타입을 뜻한다.따라서 모든 HTML의 문서는 DOCTYPE으로 시작 해야한다. --> 컴투스 공동 창업자 이영일 대표가 설립한 해긴은 ‘홈런 클래시’, ‘오버독스’, ‘익스트림 골프’, ‘플레이투게더’ 등 캐주얼한 매력을 극대화한 다양한 장르의 모바일게임을 개발 및 서비스하는 기..

🌐 웹 기초  지난 시간에는 HTML의 기초적인 태그에 이어 개행, 단락 구분, 이미지, 하이퍼링크 등 마찬가지로 기초적인 태그에 대해서 학습하였다. 이번 시간에는 지난시간과 마찬가지로 HTML의 태그들에 대해서 배운다.   🚂 Tag  이전 시간과 마찬가지로 HTML의 태그를 학습하기 전에 앞서, HTML의 태그를 한눈에 볼 수 있도록 정리한 사이트https://www.w3schools.com/tags/tag_comment.asp 를 통해 태그를 확인하고 이를 실습한다.  리스트, 테이블  html에서 리스트는 ol과 ul을 사용한다. ol은 ordered list와 unordered list를 뜻한다.ol의 경우 정렬된 리스트, ul은 정렬되지 않은 리스트를 뜻한다.ol은 번호로 데이터가 보여지..

🌐 웹 기초  지난 시간에는 HTML의 기초적인 태그인 주석, 볼드, 이탤릭, 크기 등 기초적인 태그에 대해서 학습하였다. 이번 시간에는 이번 시간에는 지난시간과 마찬가지로 HTML의 다양한 태그들에 대해서 배운다.   🚂 Tag  이전 시간과 마찬가지로 HTML의 태그를 학습하기 전에 앞서, HTML의 태그를 한눈에 볼 수 있도록 정리한 사이트인 https://www.w3schools.com/tags/tag_comment.asp 사이트를 통해 태그를 확인하고 이를 실습한다.  개행, 단락 구분, 이미지, 하이퍼링크 (개행)은 이 존재하지 않는다. --> 단락별로 수행하고자 할 때 사용된다. -->를 통해 이미지를 넣어준다. 여기서 alt는 이미지가 나타나지 않을 때 나오는 부가적인 요소이다. wi..

★ "왜?" 라는 질문을 스스로에게 하면서 학습하자.  0. 문제 풀이 순서논리적 순서 확정관련 카테고리 혹은 문제 끌어오기필요한 자료연산 리스트업이에 제일 유리한 자료구조 선택구현 1. 설명 문제 링크 :https://www.acmicpc.net/problem/1157 문제 사진 : 문제 설명 : 대소문자로 이루어진 단어가 주어질 때 가장 많이 사용되는 알파벳이 무엇인지 알아내야 한다. 따라서 대문자/소문자 입력 상관없이 모두 대문자로 변환하여 처리하거나 소문자로 변환하여 처리하는 방법이 필요하다.  나의 소스 코드 :  #include #include #include #include #include #include #include #include #include #include using namesp..

★ "왜?" 라는 질문을 스스로에게 하면서 학습하자.  0. 문제 풀이 순서논리적 순서 확정관련 카테고리 혹은 문제 끌어오기필요한 자료연산 리스트업이에 제일 유리한 자료구조 선택구현 1. 설명 문제 링크 :https://www.acmicpc.net/problem/31403 문제 사진 : 문제 설명 : 자바 스크립트에서 '수'를 계산할 때 +, -는 일반적인 덧셈 뺄셈의 의미를 가지지만, '문자열'을 계산할 때에는 +는 두 문자열을 이어붙이고, -는 양쪽 문자열을 수로 해석한 후에 빼는 것을 의미한다. 따라서 문자열 '+'일 경우에 두 문자열을 이어붙이는 것과, '-'일 경우 이를 수로 바꾸고 빼는 풀이가 필요하다.  나의 소스 코드 :  #include #include #include #include #..

본 포스팅은 '밑바닥부터 시작하는 딥러닝2'를 읽고 공부 및 학습 내용을 정리한 글입니다. 언제든지 다시 참고할 수 있도록, 지식 공유보단 개인적인 복습을 목적으로 포스팅하였습니다. 7.1 언어 모델을 사용한 문장 생성 언어 모델을 여러 장에 걸쳐서 다뤄왔다. 언어 모델은 다양한 애플리케이션에서 활용할 수 있는데 대표적으로 기계 번역, 음석 인식, 문장 생성이 있다. 이번 장에서는 문장 생성을 구현하고자 한다. 7.1.1 RNN을 사용한 문장 생성의 순서 앞 장에서는 LSTM의 계층을 이용해 언어 모델을 구현했고, 이는 아래 그림과 같다. 또 이 시계열 데이터를 모아 처리하는 Time LSTM도 구현하였다.   그렇다면 이제 문장을 생성시키는 순서를 이해해보자. 늘 사용하던 "you say goodbye..

🌐 웹 기초  지난 시간에는 HTML을 학습하기 위해 아톰과 같은 응용 프로그램을 설치하고 간단하게 Hello world를 찍어보았다. 이번 시간에는 HTML의 다양한 태그들에 대해서 배운다.   🚂 Tag  태그를 학습하기 전에 앞서, HTML의 태그를 정리한 https://www.w3schools.com/tags/tag_comment.asp 사이트를 통해 태그를 확인하고 이를 실습할 수 있다.  W3Schools.comW3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, ..

본 포스팅은 '밑바닥부터 시작하는 딥러닝2'를 읽고 공부 및 학습 내용을 정리한 글입니다. 언제든지 다시 참고할 수 있도록, 지식 공유보단 개인적인 복습을 목적으로 포스팅하였습니다.  6.1 RNN의 문제점 RNN은 장기 의존 관계를 학습하기 어렵다. 왜냐하면 BPTT에서 기울기 소실 혹은 폭발이 일어나기 때문이다. 6.1.1 RNN 복습 RNN 계층은 시계열 데이터 xt를 입력하면 ht를 출력하는데 이 ht는 RNN의 은닉 상태라고 하며 과거 정보를 저장한다. 또한 RNN 특징으로는 바로 이전 시각의 은닉 상태를 이용하는 것이다. 6.1.2 기울기 소실 또는 기울기 폭발   RNNLM이 위 문제에서 올바르게 대답하려면 현재 맥락에서 "Tom이 방에서 TV를 보고 있음"과 "그 방에 Mary가 들어옴"이..

"내가 어디에 사는지 아는 폭력적인 사이코패스가 내 코드를 유지 관리한다는 생각으로 코딩해야 한다"는 말이 있다. 고참 개발자는 이 말을 마음에 새겨두기 마련이다. 구체적으로 어떻게 해야 할까?   더 좋은 코드를 쓰는, 더 나은 개발자가 되기 위해 오늘부터 바로 시작할 수 있는 몇 가지 습관과 규칙을 공유한다. 지난 몇 년 동안 필자가 코드를 쓰면서 후회하는 과정에서 얻은 귀중한 교훈이다. 결국 필자가 아는 최악의 코더는 6개월 전의 자신이다.  더 읽어보기 및 출처 : IT월드의 Nick Hodges님https://www.itworld.co.kr/news/344880 "그냥 그런 선배 말고" 더 나은 고참 개발자로 만들어 주는 7가지 습관 www.itworld.co.kr

1. 중요한 일에 힘을 쏟아라 2. 사랑하는 일을 하라, 비록 당신이 그것에 서툴더라도 3. 퍼즐 같은 사고방식을 가져라   출처 및 더 읽어보기 : https://news.hada.io/topic?id=15996 아인슈타인의 더 나은 삶을 위한 7가지 규칙 | GeekNews중요한 일에 힘을 쏟아라아인슈타인은 늘 불규칙한 머리와 낡고 후줄근한 옷차림으로 유명했음. 개인적인 외모에 신경 쓰지 않았으며, 주로 회색 양복에 가죽 재킷을 입었음단순하지만 편안한news.hada.io

🌐 웹 기초  지난 시간에는 유니티 클라이언트 개발자가 왜 HTML과 CSS를 배워야하는지, 이를 활용할 수 있는 방법은 무엇이 있는지 알아보았다. 이번 시간에는 HTML을 배우기 전에 앞서 환경 설정하는 시간을 가져본다.  🧑‍💼 환경 설정  먼저 HTML 편집을 위해 편집기를 다운로드 받는다. 루키스님이 사용하는 프로그램은 Atom이다. Atom의 다운로드 링크는 아래와 같다. https://atom-editor.cc/ A hackable text editor for the 21st CenturyAt GitHub, we’re building the text editor we’ve always wanted: hackable to the core, but approachable on the firs..

🌐 웹 기초  지난 시간에는 웹 서버 챕터 내에서 전반적으로 어떠한 것을 학습할 것인지에 대해서 알아보았다. 이번 시간에는 왜 유니티 클라이언트 개발자가 HTML과 CSS를 배워야하는지, 그리고 HTML와 CSS를 통해 할 수있는 것들은 무엇이 있는지 등 전반적으로 다양하게 알아보자.  🧣 개론   게임 서버를 나눈다면 크게 2가지로 나눌 수 있다. 웹 서버와 게임 서버이다. 게임 서버는 이전에 얘기했기 때문에 웹 서버에 대해서 얘기하자면 웹 서버는 테이크 아웃 식당이라고 비유할 수 있다. 또한 웹 서버는 애시당초 게임을 위해 만들어진 것이 아니고, 말 그대로 웹 서비스를 통해서 만들어졌다. 하지만 뭐가 되었던 웹 서버와 게임 서버 둘다 식당으로 비유할 수 있기 때문에 똑같이 네트워크 통신이 일어나는..

❣️ 개론  지난 시간까지 데이터베이스에 대해서 전반적으로 학습하였다. 이번 챕터부터는 ASP.NET과 Web API에 대해서 알아보면서 본격적으로 웹 서버에 대한 내용을 알아볼 것이다.   웹 서버는 게임 서버보다는 중요도가 낮긴 하지만 그렇다고 해서 아예 필요없는 것이 아니다. 결제, 로그인 인증 등에 사용되기 때문에 웹 서버에 대한 기초적인 지식도 필요하다. 따라서 웹 서버를 구현하기 위해 필요한 HTML과 CSS, REST 서버와 같은 기초적인 부분부터 시작할 것이다. 물론 깊이있게 모든 것을 다 파고드는 것은 아니고, 보다 폭 넓게 알아보도록 할 것이다. 마지막으로 이를 통해 Web API의 사용과 Blazor를 이용한 홈페이지 구현까지 해보도록 하자.

해당 포스팅은 인프런에 있는 Rookiss님의 강의 Part6: 웹 서버 강의를 듣고 정리한 내용입니다. 지식 공유보단 개인적인 복습을 목적으로 포스팅 한다는 것을 미리 밝힙니다.

🌚 부록  지난 시간에는 Redis에 문자열에 관한 간단한 문법에 대해서 알아보았다. set, get, append, increse, decrease와 같은 기본 문법이 존재하고 ttl과 expire 통해 로그인 시 웹서버, DB, GameServer 와의 소통 방법에 대해서도 알아보았다. 오늘은 문자열을 넘어서 셋, 정렬된 셋, 리스트, 해시 문법에 대해서 알아보자.  🎸 Redis  이전 시간에는 문자열 자료구조를 알아보았다. 오늘은 이어서 셋, 정렬된 셋, 리스트, 해시에 대해서 알아보도록 하자.  셋  셋은 기본적으로 '중복을 허용하지 않는 집합'이라고 생각하면 된다. 집합의 개념이라고 이해하면 되기 때문에 차집합, 교집합, 합집합 등 다양한 명령어들도 마찬가지로 사용할 수 있다. 셋은 유튜브..

🌚 부록  지난 시간에는 Redis에 대해서 알아보았다. Redis는 NoSQL의 한 종류이며 Key-Value 형태를 가진다. 지난 시간에는 깃허브 링크를 통해 레디스를 설치하고, 실행보았으며 마지막으로 헬로 월드를 찍는 것으로 마쳤다. Redis에 대해서 조금 더 자세히 알아가보자.  🍕 Redis  가장 먼저 알아볼 것은 문자열이다. 기본적으로 우리가 사용하려고 하는 명령들은 이미 모두 구현이 되어있다. 따라서 지난 시간에 해봤던 set ~, get ~을 통해 데이터를 확인할 수 있다.   당연히 문자열을 합치는 기능인 append도 사용 할 수 있다.    또한 값의 증가, 감소도 처리할 수 있다. increase, decrease 줄여서 incr, decr으로 사용한다.   당연하지만 문자열..

본 포스팅은 '밑바닥부터 시작하는 딥러닝2'를 읽고 공부 및 학습 내용을 정리한 글입니다. 언제든지 다시 참고할 수 있도록, 지식 공유보단 개인적인 복습을 목적으로 포스팅하였습니다.  5.1 확률과 언어 모델5.1.1 word2vec을 확률 관점에서 바라보다  CBOW 모델을 복습하면 우리는 t 번째 단어를 '타킷', t-1, t+1을 '맥락'으로 취급하여 아래와 같이 수식으로 나타냈다.   그런데 여태까지 맥락을 항상 '좌우 대칭'으로 생각했지만, 이번에는 맥락을 왼쪽으로만 한정지어 생각해보자.   맥락을 왼쪽으로 한정지을 경우 위와 같은 수식으로 나타낼 수 있다. CBOW 모델의 학습으로 수행하는 일은 손실함수를 최소화하는 가중치 매개 변수를 찾는 것인데, 본래 목적은 맥락으로부터 타깃을 정확하게 추..

🌚 부록  지난 시간에는 트랜잭션에 대해서 알아보았다. 트랜잭션은 4가지 특성을 가지고 있으며 이를 각각의 약자로 'ACID'로 표현한다. 정보처리기사를 따면서 이를 '원일격영'으로 외웠는데 원자성, 일관성, 격리성, 영속성으로 학습했었다. 데이터베이스는 그 중에서도 원자성과 영속성(=지속성)을 매우 중요시하며 영속성을 관리하기 위해 '로그'를 통해 Redo, Undo를 사용하는 것 까지 알아보았다. 오늘은 NoSQL의 한 종류인 Redis에 대해서 알아볼 것이며 이번부터는 실습을 통해 진행된다.  🐅 NoSQL  NoSQL이란 무엇일까? 한 줄로 요약하자면 관계형 데이터베이스가 아닌 모든 것들을 다 NoSQL이라고 한다. 또한 NoSQL은 종류도 어마어마하게 많다. 각각의 특성과 장단점이 모두 다르..