지난 이야기... 리액트를 공부했지만 리액트식(?) 사고방식에 익숙해지지 않았다. 때문에 개편할 토이 프로젝트가 리액트로 만드는 것이 편함을 직감했음에도 불구하고 바닐라 자바스크립트로 개발을 강행하게 되는데... (← 토이 프로젝트 개발기 0탄) 하지만 복잡해지는 코드 속에서 이건 망했다는 사실을 깨닫고 만다. (← 토이 프로젝트 개발기 1탄) 그리하여 리액트 프로젝트를 만들어보며 리액트 훈련을 시작한다. - To Be Continued... 프로젝트 개요 🎁 프로젝트 소개 사이트 주소 : 친구 조각 모음 인물 정보를 카드 형태로 저장하는 웹 서비스 *"카톡, SNS, 게임 친구 창 등 이곳저곳 흩어져 있는 친구들을 한 곳에 모아 보세요!"* 원래 드림 코딩 리액트 강의에서 'Business Card M..
토이프로젝트 개편하기 ~0탄~ 예정된 시행착오가 기다리고 있는 토이 프로젝트 개발일지 이번에 2019년도에 제작해서 배포했던 토이프로젝트를 개편하려고 한다. 기존 프로젝트는 무엇인지? TRPG라고 하면 보통은 그게 뭔지 actually-i-am.tistory.com 지난 글에서 이어집니다... 생각보다 빨리 찾아온 시행착오 😱 결론부터 말하자면, 약 반 정도 만들고 다시 만들기로 했다. 이 글은... 실패에 대한 회고록 이 될 것 같다. 그럼 왜 망했는지... 그동안 나는 무엇을 했는지 되돌아보도록 하자... 🔨 왜 망했지? 기획편 작업 과정 먼저 구현하려는 기능과, 필요한 데이터를 쭉 작성했다. 그리고 페이지를 나눠 UI를 그렸다. 만들려고 하는 이미지의 종류를 늘리고, 각 이미지마다 들어가야 할 요소..
예정된 시행착오가 기다리고 있는 토이 프로젝트 개발일지 이번에 2019년도에 제작해서 배포했던 토이프로젝트를 개편하려고 한다. 기존 프로젝트는 무엇인지? TRPG라고 하면 보통은 그게 뭔지 모르므로 보드게임이라고 칭하겠다. 보드게임을 온라인에서 플레이할 때 사용할 수 있는 이미지를 제작해주는 사이트였다. HTML, CSS, JavaScript(JQuery)로만 만들었고, 기능은 썩 대단한 것은 없지만 SNS에서 1000회가량 공유되었다. 해당 프로젝트에는 대략 아래와 같은 기능이 있다. 1단계인 텍스트 정보를 입력한다. 2단계인 이미지 편집 버튼을 누른다. 배경 이미지는 직접 업로드하거나 검색해서 찾을 수 있다. 색상, 폰트를 골라셔 좀 더 이미지를 꾸민다. 다운로드 버튼을 눌러서 이미지 저장! 위 기능..
- Total
- Today
- Yesterday
- 삽질방시
- 삽질방지
- 타입스크립트
- 하우징 도색
- autoplay
- 프로젝트
- 마크다운
- TIL
- 리액트
- 강의후기
- 개발일지
- storybook
- 토이프로젝트
- 회고록
- 키크론 v10
- 리덕스
- DevOps
- 키보드
- 팁
- 웹퍼블리셔
- 보안
- 정규표현식
- 네트워크
- AWS
- 앨리스배열
- 취미
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |