정현's 블로그

1. React 1) 에러 내용 1) --isolatedModules cannot be compiled under '--isolatedModules' because it is considered a global script file. Add an import, export, or an empty 'export {}' statement to make it a module. TS1208 2) 해결 1) export {} 넣기 -> export {} 입력하거나, 코드 편집기 내 작업중인 해당 페이지에서 저장 Ctrl+s 2) 저장 -> 코드 편집기에서 해당 페이지 작업 후, 저장 필수... 3) 원인 1) 타입스크립트 사용 시, 빈 페이지가 있는 경우 발생하는 에러 -> 저장 수시로 할 것.

1. React 1) 오늘 배운 내용 A component is changing an uncontrolled input to be controlled. This is likely caused by the value changing from undefined to a defined value, which should not happen. -> 댓글 작성기능 추가하다가 발생. -> 댓글란(input)에 댓글 입력하고 '작성' 버튼 누르기도 전에 콘솔창에 에러뜸. -> input value로 undefined가 들어가서 발생한 오류. 2) 해결 const [comment_text, setCommentText] = React.useState(); -> const [comment_text, setCommentTe..

1. 항해99 - 스파르타 코딩 클럽에서 기획한 부트캠프. - 5기(2022.01 ~ 2022.04)에 참여. - 요즘 지하철역마다 거하게 광고하는 그 부트캠프 맞음.("우우우우우우우우우우웅") 2. 장점 1) 강의 퀄리티 Good! 1-1. 대표님 강의, 임민영 튜터님의 리액트 강의 좋아요! 1-2. 강의 시간 짧고 알차게 구성되어 있습니다. 1-3. 기초주차 강의부터 개인 프로젝트를 하나하나 쌓아가는 경험을 할 수 있어요. 2) 협업 프로젝트 경험 가능 2-1. 프론트엔드 개발자, 백엔드 개발자, 디자이너들이 모여 프로젝트를 진행합니다. 2-2. UserTest 기간에는 마케팅도 할 수 있습니다.(with 소정의 지원금) 2-3. 소켓통신, 와이어프레임에 맞춰 개발할 때 적극적인 소통이 필요합니다. ..

https://youtu.be/IeBK9FS2aa8 프로젝트 Wewrite 발표영상.

1. React 1) 이번주 한 일 유저 피드백 취합 노랑: 단 기간 내 해결 가능. 빨강: 구현하는 데 시간이 걸리는 기능. 개선이 필요한 사항 작품 북마크 후 마이페이지에서 확인하면 해당 작품이 2개가 북마크됨.(북마크 중복) 유저 스스로가 어떤 목적을 갖고 글을 쓸 지 지표가 되는 부분이 있었으면 좋겠다. 가입 시 페이지가 넘어가지 않을 때가 있음. 문장 작성 페이지에서 작성 시작하기 버튼 눌렀는데 인풋 박스가 보이질 않았다. 아이폰의 경우 참여자가 여러 명일 때 하단에 ‘.’ 이 생기는데, 프로필 사진과 겹친다. 웹으로 접속했을 때, 메인페이지에서 가장 아래의 이미지가 짤린다. 글 작성이 연속으로 2번 이루어질 때가 있다. 공지글과 메인섹션의 UI가 좀 더 구분되었으면 좋겠다. 로그아웃, 프로필 ..

1. React 1) 이번주 배운 내용 1-1) 리덕스 리덕스 구조를 실전으로 익히게 되었다. 여전히 좀 헷갈리는게 적지 않으나 이번 기회에 제대로 공부 좀 하고 넘어가야겠다. 1-2) 협업 업무 진행 속도가 느려지는 걸 느낄 수 있었다.... userTest주차가 차주이고... 난이도 높은 기능들 추가하는 등 쫓기는 와중이라 다들 예민해진 상황. 항해99의 멘토로부터 MainPage 등 화면에서, 무엇을 위한 서비스인지 명확히 느끼질 못하겠다는 Feedback을 받았다. 21시에 모여 문제점 확인 & 업무 분담하게 됨. 우리팀 문제 디자이너 문제 1. 처음에 디자이너와 업무분담 명확히 안함. 1. 회의 일정 fix이후에도 회의 일정이 수시로 조절됨. 2. 웹소캣 통신 확인, 뷰 작성이 늦게 완료됨. 2..

출처: https://velog.io/@jengyoung/%EC%97%AC%EB%9F%AC-%EA%B0%9C%EC%9D%98-input%EC%9D%B4-%EC%9E%88%EC%9D%84-%EB%95%8C-useState%EB%A5%BC-%EC%82%AC%EC%9A%A9%ED%95%9C%EB%8B%A4%EB%A9%B4 import React, { useState } from 'react' const EventPractice = () => { const [form, setForm] = useState({ username: '', message: '' }) const {username, message} = form; const onChange = e => { const nextForm = { ...form, ..

1. React 1) 이번주 배운 내용 1-1. 뷰를 똑같이 구현하는 게 쉽지 않았음. 1-2. 다른 사람들의 코드 적극 참조 필요. 1-3. 웹소켓 통신 시, 콘솔창으로 데이터가 오고 가는 것을 확인할 수 있음. 서버와 통신하면서 데이터를 주고 받는 게 신기하고 재밌었음. 프론트 쪽은 거의 할 부분이 없었고, 백쪽에서는 특히 할일이 많았음. 처음이고 해서 시간이 생각보다 많이 걸렸음. 다음에는 버벅이지 않고 잘할 수 있을 듯! 2) Trouble Shooting css가 생각이상으로 까다로움. 단순히 뷰만 구현하는 것 이상의 무언가를 요구하는 작업임.

1. React 1) 뷰 재구성 중 1차적으로 뷰는 마무리. 디자이너로부터 받은 와이어프레임을 토대로 MUI 및 CSS 입혀가며 재구성 중. 2) Error #1 팀원 분 중 다음과 같은 에러가 발생함. ERROR in Plugin "react" was conflicted between "package.json » eslint-config-react-app » C:\Users\asus\desktop\google-clone\node_modules\eslint-config-react-app\base.js" and "BaseConfig » C:\Users\asus\Desktop\google-clone\node_modules\eslint-config-react-app\base.js". #4186 Gitbash를..

1. React 1) 마이페이지 작성 - 마이페이지를 최대한 구현해내는 게 목표. * 이미지 업로드 시 프리뷰에 이미지가 나오지 않는 문제 발생. * 코드 리뷰를 통해 데이터 가져오는 경로가 잘못되었고 post -> mypage로 변경해줌으로써 해결됨. 2) 공부 필요 해도해도 부족한게 코딩인 것 같음.