# TOY

39개의 포스트
post-thumbnail

프로젝트에 오픈 그래프(og) 적용하기

오픈 그래프란(이하 og), SEO의 일종으로, 웹 페이지가 sns 등에 공유될 때 가장 먼저 나타나는 정보를 이야기함.→ SEO : 검색 엔진 최적화일반 og 속성과 별개로, 트위터에 공유 될 때를 위한 트위터 카드 속성도 존재한다.og, 트위터 카드의 내용은 hea

2022년 7월 15일
·
0개의 댓글
·
post-thumbnail

무작위 노트 표시 로직 개선하기

현재 진행 중인 토이 프로젝트의 Memory 파트는 암기노트를 컨셉으로 하고있다.단순히 노트를 작성하는 것만 아니라, 암기를 위한 기능이 필요하다고 생각하여 무작위의 질문을 제시하되, 작성한 키워드와 본문을 선택하에 볼 수 있는 컴포넌트를 제작하였다.그리고 간단하게 무

2022년 7월 15일
·
0개의 댓글
·
post-thumbnail

2줄 이상의 말줄임 표시 만들기

기술면접 준비로 잠시 멈추어두었던 토이 프로젝트를 오랜만에 만져보고 있다.Todo 이외의 기능을 고려하던 중 기술 면접 준비를 위한 노트를 만들어 보는 건 어떨까 싶어서 현재 코드를 작성하고 있다.리스트 컴포넌트에서 본문 중 일부만 두 줄 정도로 보여주고 이 외는 줄이

2022년 6월 23일
·
0개의 댓글
·

토이 프로젝트에 redux 적용하기

이전 Redux 연습 프로젝트를 통해, Redux 를 적용시켜보고, ducks 패턴을 적용시켜 본 뒤, Redux Toolkit(RTK) 으로 전환하는 것까지 진행을 해보았다.그리고 props drilling 을 이용하여 상태관리를 하던 프로젝트에 Redux 를 적용해

2022년 6월 16일
·
0개의 댓글
·

redux 프로젝트 생성하기

개요 현재 TS로 TODO 앱을 만들면서 상태를 props drilling 을 이용하여 내려주고 있는데, 상태관리를 redux 를 이용하여 전역에서 관리하고자 한다. 아직 redux에 대한 이해가 부족해 바로 프로젝트에 적용시키는 것 보단 간단한 카운터 앱을 만들어

2022년 6월 6일
·
0개의 댓글
·

글씨에 애니메이션을 줘보자

현재 만들고 있는 Todo 앱에 Todo 만 추가하는 것이 아니라, 암기노트 기능을 추가하려고 계획했다.탭이 이미 만들어져있는데, 해당 탭을 눌렀을 때 아무것도 보이지 않는게 허전해서 아직 개발중이다 라는 뜻을 담아 Developing… 이라는 단어를 써두었는데, 왜

2022년 6월 5일
·
0개의 댓글
·
post-thumbnail

useRef 사용과 옵셔널 체이닝

todo 수정 기능을 만들어주면서, 버튼을 누르면 해당 input에 포커스 이벤트를 주어야했는데, 이를 구현하면서 막혔던 부분에 대해서 이야기해볼까 한다.위의 기능을 구현하기 위해 useRef 를 사용해서 DOM 을 조작하고자 하였는데, 일반 JS 환경과 TS 환경에서

2022년 6월 3일
·
0개의 댓글
·

styled-components 를 이용하여 메뉴 전환 효과주기

대충 이런 걸 만들었습니다.→ 이런 효과를 정확하게 뭐라고 하는지 모르겠다….유튜브를 돌아다니면서 최대한 비슷한 효과를 찾아보았고, css와 클래스를 이용하는 것만으로도 가능했지만…styled-components 와 props 를 이용하여 만드는 방법이 더 간편 할 것

2022년 6월 1일
·
0개의 댓글
·

Todo 객체로 데이터 변경하기

todo 를 저장할때 문자열 배열로 저장하던 것을 객체 배열로 바꾸어 주었다.기존에는 두가지의 상태를 사용해서 각각 저장 시켜주었는데, 아무래도 상태를 여러개 쓰는 것 보다 객체의 값을 이용하여 필터해주는게 좋지 않을까 하는 마음에 변경시켜주었다.→ 추후에 로컬 스토리

2022년 5월 31일
·
0개의 댓글
·
post-thumbnail

Todo 기본 기능 완성

여차저차 Todo 기본 기능에 대한 작성이 끝이 났다.표시되는 항목을 크게 Input, Todo, Done 으로 나누어 볼 수 있을 것 같다.현재 todoList 와 doneList 는 App 컴포넌트에서 상태로 저장된다.두 상태 모두 문자열이 저장된 배열이나, 추후

2022년 5월 31일
·
0개의 댓글
·

TS로 TODO 리스트 만들기 시작!

타입스크립트 사용을 해보기위해 프로젝트의 처음부터 TS를 적용한 프로젝트를 작성해보기로 했다.역시 가장 쉽게 접근할 수 있는 TODO 리스트를 만들어보기로 하였다.상태에 저장하는 방식으로 간단하게 구현해본 뒤, 이후에 로컬스토리지를 서버처럼 사용하는 방식으로 진행하고자

2022년 5월 26일
·
0개의 댓글
·

AWS에 docker-kafka 서버 띄우기

프리티어 EC2-t2.micro에서는 메모리를 1기가까지 주는데, docker-zookeeper가 대략 500메가 docker-kafka가 대략 1기가바이트의 메모리를 사용해서 어려움을 직면하였다.https://myungdragon.tistory.com/15돈

2022년 4월 27일
·
0개의 댓글
·

test1

test1

2022년 4월 21일
·
0개의 댓글
·

make_test

유투브로 python 3시간 속성 강의를 듣다가 class로 예시를 든 프로그램을 보고 영감을 받아 만들었다. 간단하게 말해서 시험지를 작성하고 그 시험지를 풀도록하는 프로그램이다.일단 user가 몇 문제를 시험으로 내고 싶은지 입력한다. 그 다음 문제, 보기, 정답을

2022년 4월 3일
·
0개의 댓글
·
post-thumbnail

[JS] Discord.js (Day1)

1일차, 알람추가(반쯤동작)

2022년 3월 22일
·
0개의 댓글
·
post-thumbnail

first project 13 -2022.03.12 (Sat)

markdown에 대한 문법적 지식 갖춤 (그나마 ..)프로젝트 진행하면서 소화 가능한 수준의 기록을 남기자Tension :다들 열정과 에너지가 넘치셨다. 좋은 멤버는 좋은 시너지를 주는걸까! Team Work : 2주간 손발과 에러 핸들링이 척척되는 환상의 T.E.A

2022년 3월 12일
·
0개의 댓글
·
post-thumbnail

Toy Project - 장단점 편집기 제작 후기

링크: https://pros-and-cons-editor.pages.dev/샤워를 하다가 갑자기 쓸모없고 뜬금없는 생각이 들었다.장단점을 분석하는 방법에 대해, 장단점을 분석해본다면?그래서 생각을 잠깐 해보니, 다음과 같은 결과를 얻었다.장단점에 대한 장단점

2022년 3월 10일
·
0개의 댓글
·
post-thumbnail

first project 2 - 2022.03.01.Tues

teammeber 2 back -end2 front -endleader = 나 입니다 (back-end)😂 개망함주제 - 음악 공유 커뮤니티 -스포티파이 (클론같지만 아닌듯한)유사 코딩.현재 status협업의 툴 ! excalidraw를 발견 했다! - framewo

2022년 3월 3일
·
0개의 댓글
·
post-thumbnail

first project 3 - 2022.03.02.Wed

teammeber 2 back -end2 front -endleader = 나 입니다 (back-end)😂 개망함주제 - 음악 공유 커뮤니티 -스포티파이 (클론같지만 아닌듯한)유사 코딩.현재 statusKPT 작성을 다같이 회의하여 끝 냄api 클론코딩해서 spoti

2022년 3월 3일
·
0개의 댓글
·
post-thumbnail

first project 4 -2022.03.02~3 (Wed ~Thr)

teammeber 2 back -end2 front -endleader = 나 입니다 (back-end)😂 개망함주제 - 음악 공유 커뮤니티 -스포티파이 (클론같지만 아닌듯한)유사 코딩.아쉬운점 sr 기획으로 인해 post 늦어짐 wiki에서 flowchart까지는

2022년 3월 3일
·
0개의 댓글
·