Frontend 개발자 - hyo.loui

🎯목적 : 프로젝트 - 라이브러리 결정사항 정리 라이브러리 선정 1. Text Editor 📌 TOAST UI 결정 과정 TOAST 데모 https://ui.toast.com/tui-editor 장점 역사와 전통이 있고 다른 사람의 자료를 참고할 수 있습니다. 한국 커뮤니티가 발달되어 있습니다. 단점 react-editor wrapper의 react 18 미지원 SSR 미지원 → Next.js의 장점을…Advanced Features: Dynamic Import | Next.js Next.js 에 toast ui Editor 을 같이 사용하는 방법 (짱쉬움) 글자 크기 상세 조정 미지원 이미지 사이즈 선택 불가 TINY 단점 : 유료 react-quill 데모 https://quilljs.com/ 장점 ..

에러 내용 VM21:1 Warning: Cannot update a component (`App`) while rendering a different component (`TodoList`). To locate the bad setState() call inside `TodoList`, follow the stack trace as described in https://reactjs.org/link/setstate-in-render at TodoList (http://localhost:3000/static/js/bundle.js:413:5) at div at App (http://localhost:3000/static/js/bundle.js:38:76) 에러 이유 : 컴포넌트에서 호출하고 있는 setSt..

❤️‍🔥WIL: Weekly I Learned 이번 주 한 일 티스토리 포스팅 = 매일 TIL 일지 첫 Project - fanpick = 프로젝트 완성 (기획 > 프로그래밍 > 배포) Project review 또 느낀다.... 하루가 너무 짧다... 우선 회의를 통해 머리를 맞대고 SA 를 작성하며 기획을 했고, 우선적으로 난 팀원들이 같이 문제없이 작업 할 수 있도록 Git, github 'repository' 를 생성하고 팀원들을 합류시켰다. 프로젝트 키워드는 ' 팬 커뮤니티 서비스' 로 정해서 프로젝트 네임은 'fan pick' 으로 결정 되어 컨셉을 잡고, 레퍼런스 사이트도 정했다. 너무 감사하게도 창순님이 디자인 전공이셔서 와이어프레임 / 러프디자인 을 맡아주셔 첫 진행부터 수월하게 진행되었..

❤️‍🔥TIL : Today I Learned 우리가 html 에서 form 태그를 쓰는 용도로는 유저(사용자)에게 입력받은 값을 js 에서 핸들링하여 백엔드로 넘겨주기 위함이다 form 태그 하위 요소들 form 예시 입력 받기 - submit 의 value 의 type 과 의 type form 태그 하위 요소들 위와 같은 태그들이 들어갈 수 있다 form 예시 하지만 이해를 위해 간단하게 작성해 보겠다 닉네임 : 이메일 : 비밀번호 : 사용자에게 input 으로 받은 value 들을 전부 넘겨줘야한다 입력 받기 - submit 위에서 회원가입버튼의 submit은 form 안에 있는 input으로 받은내용(value)을 전송하는 태그이다 function 입력보내기(event) { event.preven..

❤️‍🔥TIL : Today I Learned forEach() 배열을 순회하며, 인자로 전달한 함수를 호출하는 반복문이다. 배열, Set, Map 에서 사용 가능하다 forEach() 문법 배열 순회 배열 순회 - Lambda 식 value, index 인자로 받기 value, index, array 인자로 받기 Set 에서 forEach()로 요소 순회하기 Map 에서 forEach()로 요소 순회하기 forEach() 문법 arr.forEach(func(value, index, array)) value : 현재 돌고있는 데이터 index : 현제 돌고있는 데이터중 index array : 배열중 하나 result = cal(b=2, a=1) : 매개변수 호출 시 매개변수명을 지정해서 대입한다면 순서..

S.A (Starting Assignments) 💾 Project : 팬PicK 제목 ✔ 와이어프레임 ✔ 기능 분류 ✔ 📝 첫 번째 회의 내용 프로젝트 서비스 키워드 : 스터디(채팅) 새상품(거래) 사이드프로젝트(매칭) 반려동물(커뮤니티) 챌린저스(매칭) 🚩팬(커뮤니티) * 투표하여 선정 제목 프로젝트 네임 : 홍보팬 팬결고리 🚩팬Pick - fix * 투표하여 선정 💡 참조 레퍼런스 #팬픽 : 스타와 팬이 함께하는 공간 #팬픽 : 스타와 팬이 함께하는 공간 shopfanpick.com Disquiet* Disquiet* IT 서비스 메이커들의 소셜 네트워크. 디스콰이엇에서 서로의 프로젝트를 공유해 보세요! disquiet.io velog velog 디자인 저작권 문제로 디자인은 올릴 수 없지만 내가 보..