playhong 님의 블로그

FACTS(사실, 객관) : 내가 한 일오전엔 베이직반 수업에, 오후엔 팀프로젝트 발제가 있어서 저녁시간 전까지 계속 조원분들과 함께 프로젝트 회의를 진행했다. - 코드 컨벤션 (Code Convention)- 깃허브 규칙 (Github Rules)- 프로젝트 기획 (나는 단순히 맛집추천 정도나 생각했는데 국자님이 정말 좋은 아이디어를 내주셔서 정말 감탄했다)- 와이어프레임 (피그마)- 역할분배 (메인페이지와 게시물 상세페이지를 맡았다.) 순으로 정하고 나니 하루가 훌쩍 지나갔다. 메달 트래커 리팩토링오늘 팀플 발제가 있어서 더 늦어지면 결국 마무리짓지 못할 것 같아서 저녁에 남는시간을 쪼개 마무리했다input 컴포넌트가 반복되고있어요. input 에 대한 정보들은 크게 제목, 입력 타입, value, ..

FACTS(사실, 객관) : 내가 한 일전에 진행했던 메달트래커과제를 피드백에 따라 수정하는 작업2위에 등록하는 로직과 수정로직에서 객체를 구성하는 방식이 서로 다르게 되어있는데, 변경, 입력하는 곳에서 형변환이 올바르게 일어나게 해주고 이렇게 새로운 객체를 만들때에는 위의 등록 로직처럼 보다 간결하게 작성하는것이 더 좋아보여요! //추가로직const newCountry = { id: new Date().getTime(), country: country, gold: Number(gold), silver: Number(silver), bronze: Number(bronze),} //수정로직return { country: country, gold: gold, silver: silver,..

FACTS(사실, 객관) : 내가 한 일 전에 진행했던 메달트래커과제를 피드백에 따라 수정하는 작업 country, gold, silver, bronze라는 여러 개의 상태값을 각각 관리하는 대신, 하나의 객체로 묶어 관리하는 것을 고려해 보시면 좋을 것 같습니다. 나는 인풋에서 입력받는 입력값들을 전부 따로 관리하고 있었다 const [country, setCountry] = useState(""); //국가 const [gold, setGold] = useState(0); //금메달 const [silver, setSilver] = useState(0); //은메달 const [bronze, setBronze] = useState(0); //동메달 이렇게. 이걸 이제 하나로 묶어서const [..

FACTS(사실, 객관) : 내가 한 일 하나 수정하면 다른쪽에서 삐끗하고 하나 수정하면 갑자기 화면이 사라지고추가하고 수정까지 마쳤고 삭제를 할 차례인데//리스트삭제 const handleDeleteCountry = (id) =>{ const filteringCountries = countries.filter(function(country){ return country.id != id }); console.log(filteringCountries); };강의를 보면서 어찌저찌 짜긴했는데 console.log에 삭제되는 객체가 찍히는게 아니라 삭제되고 남은 객체가 찍힘..질문하니 이게 원래 맞고, 삭제되고 남은 객체를 set~~를 통해 화면에 다시 뿌려줘야 한다는 것그..

FACTS(사실, 객관) : 내가 한 일값을 입력받아 테이블에 행을 추가하는 것을 어떻게 해야할 지 감이 잡히지 않음일단 행을 추가하는 방법을 찾았는데 "insertRow()" 를 사용하는 것//table 선택 const table = document.getElementById("medalGraph"); //새 행 추가 const newRow = table.insertRow(); //새 행에 칸 추가 const newCountry = newRow.insertCell(0);//국가 const newGold = newRow.insertCell(0);//금 const newSilver = newRow.insertCell(0);//은 con..