본문 바로가기

Toy Project11

웹 토이 프로젝트 후기 회고라고 적으려다가 뭔가 거창해보여서 후기로 고쳤다. 왜냐면 나는 그냥 소감문을 남기고 싶을 뿐이라서.. 스케치에 남아있는 기획서도 나중에 정리해서 올려볼까 싶다. 프로토타이핑까지는 안 썼지만 (..) 만들면서 역시 기획은 직업으로 (내가) 못 해먹겠다. 역시 기획은 디자인 감각도 있는 더 짱 똑똑한 사람들이 하는 거디 이 플젝 이후에 나는 자바 스크립트랑 1도 안 맞는다는 엄청난 결론을 얻었다. 이상하게 프로젝트 코드는 수정할 수 있는데 아무 것도 머리에 남은 것이 없다 ㅋㅋㅋㅋㅋㅋㅋ 내 기준 작성하면서도 문법을 알 수 없는 언어 TOP 1 정도에 올라갔다고 보면 된다... 웹 개발 자체는 생각보다 재밌었는데, 이상하게 언어랑 안 맞고 / 공부하고 싶지도 않고..ㅋ 사실 기획/디자인 단계가 제일.. 스.. 2021. 4. 17.
마피아 사회자 어플리케이션 친구들이랑 놀다가... 다같이 마피아 게임을 하고 싶은데 사회자가 없어서 생긴 슬픔.. 한밤의 늑대인간 게임처럼 목소리 자체를 네이버 클로바 더빙으로 넣어둘지 아니면 구글 플레이 스토어에 있는 친구처럼 만들어볼 지는 고민이다. 개인적으로 하고싶었던 건 1. 경찰이나 의사 제외 가능 2. 인원수 별 마피아, 경찰, 의사 인원 임의 세팅 가능 (마피아는 반드시 1명 이상) 3. 자신의 턴에서 시민들은 자신의 임무를 수행한다. 마피아는 가짜 임무를 수행한다. (어몽어스 컨셉) 4. 귀여운 캐릭터 디자인 유니티로 진행할지, 안드로이드 스튜디오로 진행할지는 고민이지만... 아무래도 연습겸 안드스튜 써서 간단하게 앱을 만들어볼 듯하다! 언젠가는... 만들겠지? 기획이 추가되는데로 아래에 추가될 예정 :) 2020. 11. 29.
github.io 웹 포트폴리오 만들기 내가 일단 보고 예쁘다고 생각했던 웹 포트폴리오가 몇 개 있었다. 나는 웹 개발을 해 보긴 했지만 js에 대한 이해가 완벽하지 않았다. 간단히 프로젝트를 주고 필요한 기능을 짜라하면 짤 수 있지만 프로젝트 기반부터 짜라하면 짤 수 없는 상태..? 일단 내 포트폴리오의 목적은 기본적으로 간단한 이력서 개념이고, 웹 퍼블리싱 능력보단 다른 프로젝트들은 쉽게 전시하기 위해 만든 포트폴리오이다. -> 간단히 말해서 처음부터 직접 짜기보단 기반 포트폴리오 소스에서 짰다는 얘기다ㅋㅋㅋㅋㅋㅋㅋㅋ 그래서.. 가장 먼저 한 일은 github에서 dev portfolio를 검색했다! 몇 가지 후보가 있긴 했지만 나는 아래의 오픈 소스를 사용했다. github.com/saadpasta/developerFolio saadpa.. 2020. 9. 15.
COLIFE 기획 Cat Owner LIFE https://github.com/Danijoa/COLIFE Danijoa/COLIFE Contribute to Danijoa/COLIFE development by creating an account on GitHub. github.com 리액트 공부 하겠다고 시작해놓고 둘 다 정신없이 살아가고 있다... 일단 이전 기획 정리를 올려보려고 한다. Sketch를 사용해서 간단히 기획했고 RPG게임과 같은 UI를 생각했다. 퀘스트 형식으로 저장한 할일을 완료하면 포인트를 얻는 방식이다. 얻은 포인트로 고양이에게 선물을 줄 수 있다. 움직이는 고양이에 사용하려고 찍었던 도트는 아래와 같다. ㅎ 나중에 정신차리고 완성해봐야지.. 사용언어는 React Native. iOS랑 Andro.. 2020. 8. 11.
20.08.08 매 주마다 각자 읽거나 찾은 기술 관련 글을 자신의 말로 풀어서 공유하는 스터디를 시작했다. 사실 시작한 지는 딱 한 달쯤 되었고 우리끼리만의 스터디로 남기엔 아쉽다는 생각에 github에 공유를 시작했다. 1주차 (2020. 07. 09) 희연 : SPA 승연 : REST API 해은 : Vue Cli? Webpack? 간단 개념 세인 : 클라우드 2주차 (2020. 07. 22) 희연 : Hadoop 승연 : CSR과 SSR 해은 : package.json 세인 : 웹 페이지 렌더링 과정 3주차 (2020. 08. 03) 희연 : Angular Vue React 차이 승연 : SSO이란? 해은 : 시맨틱하게 HTML짜기 세인 : URL (Uniform Resource Locator) 4주차 (2020.. 2020. 8. 8.
20.07.26 웹 스터디 할 일 이미지 에디팅 기능 (용량 줄이기) 64base 이미지 파일 변환 이외 다른 방법 찾아보기 API 문서 정리 20.08.10 업데이트 이미지 에디팅 관련 글 https://okky.kr/article/517981 OKKY | Vue용 Editor, Calendar, Chart, Grid, Image Editor 공유 Vue용 Editor, Calendar, Chart, Grid, Image Editor가 나와서 소개합니다. TOAST UI( http://ui.toast.com )의 Editor, Calendar, Chart, Grid, Image Editor를 Vue에서 쉽게 사용할 수 있도록 Wrapper를 제작하였습니다. 이제 Vue 프로� okky.kr https://github... 2020. 7. 26.
Cafe24 Node js 프로젝트 세팅 1. ssh pulbic key 생성 및 등록 ssh-keygen -t rsa -C "키 명칭" 다른 문자나 숫자를 넣어도 상관없지만 겹치면 안되는 부분이기에 주로 이메일을 사용한다고 한다. 이후로 Enter > 비밀번호 입력 > 비밀번호 재 입력을 하면 public key가 생성된다. public key를 생성했던 위치를 가보면 .ssh 폴더가 생성되어 있다. .ssh폴더에 있는 id_rsa.pub 파일의 내용을 복사하여 cafe24 페이지에 등록해주어야 한다. ssh-rsa ~ 모자이크 파트 전부를 복사한다. cafe24 로그인 후 나의 서비스 관리로 들어간다. 그중 Public Key 관리에 들어간다. 복사해둔 Public Key를 붙여넣은 후 등록한다. Public Key를 등록했다면 앱 생성/관.. 2020. 6. 23.
20.06.12 웹 스터디 재가동. 유저 부분 완성 목표. 그외 수정사항은 DB 구조와 커넥션풀 관련 점검. Vue.js에 맞는 에디터 리서치 + 에디터에서 사용할 이미지 서버 처리 관련 문제 base64 이미지로 사용 시에는 이미지 에디팅 (이미지 축소) 기능 추가 구현 방법 체크 2020. 6. 12.
20.01.24 ~ 20.02.02 20.01.24 favicon 삽입 (디자인 추가 시 변경) 전체 회원리스트 불러오기 회원정보 중 날짜 데이터 포맷 변경 https://css-tricks.com/everything-you-need-to-know-about-date-in-javascript/ Everything You Need to Know About Date in JavaScript | CSS-Tricks Date is weird in JavaScript. It gets on our nerves so much that we reach for libraries (like Date-fns and Moment) the moment (ha!) we need to work with css-tricks.com 20.01.25 heidiSQL 데이.. 2020. 1. 27.
20.01.18 쇼핑몰 만들기 웹 스터디. Node.js (backend) + Vue.js (frontend) 조합으로 진행중. 쇼핑몰 결제 시 (EX. PG사) 1 step 개인정보입력 2 step 결제방법 결정 3 step 결제정보 입력 4 step 결제 와 같은 단계들을 진행하던 도중에 결제가 중단되어도, 모든 과정을 롤백하기 위해 (유저가 결제를 했음에도 결제 정보가 서버에 전달되지 않는 사태가 발생하지 않도록 만들기 위해) 트랜젝션을 사용한다. SQL injection 방지. 서버에 전달되는 텍스트 필드에 sql 명령어를 입력하여 서버를 공격할 수 있다. 또한 과 같이 html 태그를 입력하는 것을 방지해야 한다. 서버에서도 막을 수 있고, 프론트에서도 막을 수 있다. (서버에 보내기 이전에 내용을 필터링하거나.. 2020. 1. 19.

티스토리툴바