본문 바로가기

분류 전체보기93

2021-01-21 생애 첫 Slay the Spire!!! 재밌어 보이긴 했는데 머리 쓰는 카드 게임은 내 스타일이 아닌지라 여태 도전을 안 해봤던 게임.. 그런데 막상 해보니 너무 재밌었다 ㅠ.ㅠ 디펙트 첫트로 50층까지 가서 비활성 보스까지 잡았는데 활성화되자마자 맞아 죽었다... 그래도 첫 트에 3막 보스까지 간 게 감격스럽다. 하나를 위한 모두 카드가 사기인 것 같다. 루트도 약간 쫄보처럼 엘리트보스를 피해 갔지만 ㅋㅋ 확실히 다른 캐릭터들보다 디펙트가 재밌다! 남은 React 강의를 빨리 들어야 하는데 집에 남자 친구가 있다 보니 계속 놀고먹게 된다.. 내일 학교 가서 GPT 공부도 좀 더 하고 React 강의도 끝내야겠다! 그리고 GPT3 코드를 돌릴 때 한글로 결과가 출력되지 않아서 어떻게 해야 될지 고민했는.. 2021. 1. 21.
2021-01-17 오늘도 일기는 짧게 끝내겠다! 오늘 특별히 한 일은 발급받은 GPT3 시크릿키로 Playground에서 GPT3를 조금 맛본 것이다. 다음 사진들은 AI와 내가 대화한 사진이다. 롤을 한다길래 롤하자고 했더니 씹혔다... 이거 말고 오늘 한 일은 굳이 말하자면 전구 달린 전선 벽에 붙이기..?? 일단 혼자 하긴 했는데 한이 오면 다시 예쁘게 해야겠다. 한이 오기 전에 집 정리도 하고 으.. 벌써 새벽 6시다. 아침에 랩실로 출근해야 하는데 큰일 난 것 같다. T.T 오늘 일기는 여기서 마무리하겠다. HTML 삽입 미리보기할 수 없는 소스 2021. 1. 18.
2021-01-16 그래도 오늘은 어제와 달리 한 일이 있어서 일기를 길게 쓸 수 있을 것 같다! 월요일 교수님과 GPT2 작사 관련 미팅을 위해 자료를 준비했다. 아직 코드를 제대로 모르긴 하지만... 일단 코드의 결과를 분석해보도록 하겠다. 우리는 작사를 위해 Github 의AITEXTGEN이라는 GPT2 인터페이스를 이용해 작곡했다. 우리가 입력한 데이터셋은 518KB의 동요 가사들이다. 대략 600-700 곡 정도의 동요 텍스트 파일이다. 먼저, AITEXTGEN 레포지토리 > Aitextgen 폴더 > aitextgen.py를 참고하면 각 파라미터에 넣어야 하는 값들을 알 수 있는데 집중해야 하는 파라미터는 Prompt와 Temperature이다. :param n: Numbers of texts to generat.. 2021. 1. 17.
2021-01-15 늦게 일어나서 천천히 집 정리도 하고 밥도 먹고 준비하고 집에 오니 밤이 되어있었다... 뭐라도 하려고 aitextgen 코드를 돌려봤지만 2-3시간은 걸릴 것 같아 오늘 결과를 보는 것은 포기하고, 기존 우리가 입력한 데이터셋과 학습을 통해 출력된 결과 문서의 유사도를 검사해보려 했으나 두 문서 모두 용량이 매우 커서 어떤 표절 검사기도 돌아가지 않았다. T.T 웹사이트에선 되는 곳이 아예 없는 것 같고 표절 검사 프로그램도 다운로드하여 돌려봤지만 데이터가 로드되는 시점에서 프로그램이 끊겨 버렸다. 깃허브에서 문서를 비교해 유사도를 검사해주는 코드를 찾아보려 했지만 딱히 나오는 게 없었다. 결과적으로 오늘도 아무것도 안 한 게 돼버렸다. 본가에선 할 수 있는 일이 한정적이긴 한데 월요일이 교수님과 다시.. 2021. 1. 16.
2021-01-14 현재 시간 오전 3시 42분... 오늘은 빠르게 좀만 쓰고 자야 할 것 같다. 오늘 한 것도 없어서 일기 쓰기도 뭐하지만 하루 빼먹기 시작하면 계속 빼먹을 것 같으니 쓰고 자야겠다. 2시 반에 교수님과 미팅이 있어서 준비하고 학교로 향했다. 추위 알레르기가 있어서 오늘도 두드러기가 일어날까 봐 걱정했는데 바지 안에 레깅스를 입어서 그런지 약을 먹어서 그런지 하나도 나지 않았다. 미팅 전에 GPT2에 대해 너무 아는 게 없어서 공부를 좀 하고 가려했는데 늑장 피우느라 결국 아무것도 공부하지 않고 갔다. 그래도 대화는 잘돼서 다행이었다! 교수님께선 기존 우리가 입력한 데이터셋과 aitextgen으로 작사된 결과물 두 개를 비교할 수 있는 표절 탐지기를 돌려보라고 추천해주셨다. 그리고 generate 함수의 .. 2021. 1. 15.
2021-01-13 어젠 일기 쓰고 일찍 자려했는데 동요 데이터셋을 수집하고 데이터를 전 처리하는 과정이 너무 오래 걸려서 늦게 자버렸다. 전 처리하는 과정에서 조사한 동요들을 보는데 순수하고 예쁜 가사가 정말 많았다. 생각나는 동요들을 틀어놓고 따라 부르면서 재밌게 전 처리한 것 같다. 결국 두시를 넘기고 자서 11시쯤에 일어났다. 저번에 요마트에서 시킨 반찬들을 다 먹어서 다시 치킨 너겟, 주스, 라면을 시켰다. 나가서 장을 봐야 하는데 귀찮아서 밖을 안나가게 되는 것 같다. 내일은 미팅 때문에 학교에 나가야 해서 끝나고 집에 들어오기 전에 장을 보든, 편의점을 들리든 먹을 것 좀 더 사 와야겠다. 요마트에서 작은 전구가 달린 전선 같은 걸 팔길래 그것도 시켜봤다. 건전지가 없어서 아직 사용은 못하지만.. 전구에 필요한.. 2021. 1. 14.
React create 구현하기 ( + onSubmit, shouldComponentUpdate 함수 ) 🧂 기본 개념 정리 지금까지 우리가 공부한 개념들을 정리해보자. Props는 컴포넌트 내 (우리의 경우 Content.js 내부)에서는 값을 변경할 수 없으며 읽기, 불러오기만 가능하지만 외부에선 변경할 수 있다. State는 setState 함수로 컴포넌트 내부에서도 동적으로 값을 변경할 수 있다. Props와 State 모두 render 함수를 호출하며 호출한 결과로 UI가 바뀌게 된다. 새로운 개념을 하나 추가하자면, 실제 브라우저 HTML을 의미하는 DOM이 있다. 상위 컴포넌트가 하위 컴포넌트에 명령할 때, 즉 데이터를 전달할 땐 Props를 사용한다. 여기서 위에 말한 것처럼 하위 컴포넌트는 Props를 읽기만 가능하다. 반대로, 하위 컴포넌트가 상위 컴포넌트에 데이터를 전달할 땐 Event를.. 2021. 1. 13.
2021-01-12 일기를 쓰기 전 미리 말하자면 지금 매우 피곤하므로 글이 뒤죽박죽일 수도 있다.. 원랜디 보통 난이도 한판 했는데 기가 다 빨려버렸다. 재밌긴 한데 내 머리랑 안 맞는 느낌이다 : 2021. 1. 12.
React Event - React 컴포넌트 이벤트 만들기 컴포넌트에 이벤트를 추가하는 것은 애플리케이션에 역동성을 부여한다. 우리가 만들 이벤트는 특정 버튼을 눌러 원하는 페이지로 이동하거나 페이지를 이동하지 않고, 또는 페이지를 리로딩하지 않고 화면을 전환하는 이벤트이다. 🌭 State Setting 페이지의 state가 기본 모드인 welcome mode인지, 카테고리를 선택하면 밑에 설명이 나오는 read mode인지 구분하기 위해 constructor의 this.state에 mode를 추가한다. mode의 기본값으로는 'welcome'을 준다. mode : 'welcome', mode가 welcome일 때, contents에 표시할 문구도 this.state에 작성한다. welcome : { title:'Welcome', desc:'Hello React.. 2021. 1. 12.
2021-01-11 아침에 8시 반에 일어나서 공부했어야 했는데 어제 새벽 3시에 자버려서 거의 12시에 일어나버렸다.. 오늘 일찍 자야지 다짐하고 친구랑 얘기해서 공부 디코 서버를 모각스로 바꿨다! 새로운 친구도 들어왔는데 너무 신나서 공부해야 하는데 떠들어버렸다.. 모각스가 아니라 모같떠라고 바꿔야 하는 거 아니냐는 말도 나왔다. 떠드는 걸 마치고 오늘도 React 강의를 들었다. 너무 쌩기초같아서 빨리 들어야지 하고 듣고 있었는데 state 개념이 나오고 뭔가 막히는 느낌이 들었다. 이해가 가지 않는 건 아닌데 내가 들은 강의를 블로그에 옮기려니 어려웠다. 코드를 내가 직접 짜 보려고 해야 하는데 요즘에 계속 강의만 들으면서 따라 하는 코딩만 했더니 코딩 실력이 더 퇴화한 것 같다.. 스스로 해보려는 노력을 해야 할 .. 2021. 1. 11.
React State 의 소개와 사용법 이번 내용은 이해하기 어려운 게 맞으므로 일단 그러려니 하고 보면서 익숙해지는 게 중요하다..! 🥚 Props와 State의 의미 앞서 배운 props란, 사용자가 component를 사용하는 입장에서 중요한 것으로 component의 기본 동작을 바꾸고 싶을 때 사용자가 조작하는 것이다. 쉽게 말해 태그의 속성에 해당하며 component 외부에 존재한다. state란, props의 값에 따라 내부 구현에 필요한 데이터들을 가리키며 component 내부 동작을 의미한다. 둘은 철저하게 분리되어 있어야 하며 철저하게 분리되어 있을수록 좋은 웹, 앱이라 칭할 수 있다. 🥚 props(속성) 부분을 state로 표현해보자 App 컴포넌트의 하위 컴포넌트인 Subject 컴포넌트에서 하드 코딩되어있는 pro.. 2021. 1. 11.
React Refactoring 및 components 파일로 분리하기 🍳 Refactoring :: 태그의 속성(attribute, props)을 웹페이지에 표시하기 Refactoring이란, 동작 변화 없이 내부 구조를 변경하는 것을 의미한다. 밑의 코드처럼 태그의 속성인 title, sub에 값을 주어 웹에 표시되는 문구를 바꾸고자 한다. class App extends Component { render() { return ( ); } } 이 경우, JSX의 {this.props.name} 문법을 사용한다. 예를 들어 name이 title이라면 {this.props.title}으로 표기한다. class Subject extends Component { render() { return ( {this.props.title} {this.props.sub} ); } } JSX.. 2021. 1. 11.

티스토리툴바