훈돌라

4일동안 훈련 받으면서 코딩 생각밖에 안 났다..나 공부해야 되는데,,,,,,,, 여기서 이러고 있을 시간 없는데,,,,,,, 나라는 다른 사람들이 좀 지켜주면 안 되나.. 나부터,,,, 근데 막상 훈련 끝나고 공부 하려니 또 훈련 좀 더 해도 될 것 같다는 생각을 해버리는 나! 푸하하하하하~~ 이번 심화 과제는 숙련 주차 개인 과제 (가계부) 에 로그인 기능을 구현하는 것 발제를 보고 슈퍼베이스를 쓰는건가? 했는데   이게 왠걸,, 또 새로운 놈이네,, (막상 적용해보니 얘가 훨씬 간단함.. "나 슈퍼베이스 왜 배움?") 그리고 이번 과제는 다행히도 원성이 자자했던 Redux 는 코빼기도 보이지 않아 내심 다행이라고 생각했다. 일단 제출이라도 해보자는 마음에 일찍이 올라온 과제 해설을 보고 진행을 해봤..

https://our-knowledge-teamproject.vercel.app/ Our Knowledge our-knowledge-teamproject.vercel.app     배포 단계까지 최종적으로 완료되었다. https://www.youtube.com/watch?v=Er8Dm_vWF3k  개인 과제를 진행할 땐 스트레스를 많이 받았는데 팀원들과의 소통이 잘 되서 그런지 힐링되는 주차였다. 그래도 아직 부족한 점은 있다. 슈퍼베이스에 대해 깊이 있게 들어가지 못했고, 리덕스도 완벽하게 이해하지 못했다. 그래도 이번 팀플은 처음으로 뭔가 해내야만 하는 느낌을 받았기에 프로젝트 완성에 의미를 두고 진행했다. 다음 주 예비군인데 너무 억울하다. 4일을 가야하는데 개인 과제는 진행이 안 될 것 같다. 슈..

Home (메인페이지)헤더페이지의 배율을 높였을 때 (윈도우 기준 ctrl + 휠) 헤더의 버튼들이 중앙으로 몰리는 현상을 어떻게 해결할까 고민하다가 우연히 네이버의 헤더를 줌인 해보았는데 일정 배율 이상 (150%) 이 되면 버튼이 사라지는 것을 알 수 있었고, 이를 바로 프로젝트에 적용시켰습니다. (줌 레벨을 백분율로 계산하여 zoomLevel 의 값이 150 이상이라면 버튼들이 숨김 처리 됩니다.) 피드퀼 에디터로 쓴 게시글들을 어떻게 불러와야 할까, UI 를 어떻게 만들어야 할까 고민이 많았습니다. 하지만 슈퍼베이스에서 데이터를 옮겨와주신 팀원 병준님 덕에 props 만 내려서 간단하게 불러올 수 있었고, 퀼 에디터로 쓴 게시글들을 dangerouslySetInnerHTML  로 불러와 피드에 렌..

오류를 수정하려면 hide 속성을 boolean 대신 문자열로 전달해야 한다. 이를 위해 조건부 렌더링하는 곳에서 hide 속성을 문자열로 변환하여 전달하면 된다. display 속성은 boolean이 아니라 문자열을 받아야 한다고 함.            HomeInput에서 검색어 상태 관리: HomeInput에서 검색어를 입력할 때마다 상태를 업데이트const HomeInput = ({ onSearch }) => {  const [showInput, setShowInput] = useState(false);  const [searchFeed, setSearchFeed] = useState('');  const toggleInput = () => {    setShowInput(!showInput);..

돋보기 이미지 토글 시 검색창 활성화 const SearchInput = styled.input`  padding: 10px;  font-size: 1rem;  border: 3px solid #343434;  border-radius: 5px;  width: 300px;  display: ${(props) => (props.show ? 'block' : 'none')};`;  const HomeInput = () => {  const [showInput, setShowInput] = useState(false);   const toggleInput = () => {    setShowInput(!showInput);  };   return (          InputImage src={inputima..

우리 팀의 주제는 Our Knowledge " 우리의 지식" 기본적으로 개발자들이 본인들의 코드를 공유하며 피드백을 의도하거나, 정보를 공유하고, 해당 게시글을 조회한 개발자들은 의견을 댓글로 달아 소통을 하는 사이트 입니다. 개발자들은 물론 개발자를 희망하거나, 개발자들이 어떤 코드를 짜고 공유하고 있는 지 궁금해하는 일반인들도 방문하여 정보를 얻어가고, 간혹 개발자들이 생각할 수 없는 아이디어를 타 직종 종사자들이 공유해줄 수도 있다는 기대를 하며 개발하게 되었습니다. (본인 아이디어 채택되서 기분 좋음) 뉴스피드 ( 게시글 간략, 사용자 정보, 좋아요 수, 토글 시 상세페이지 이동) (메인페이지)마이페이지 (프로필 수정, 내 게시글 확인, 게시글 토글 시 상세페이지 이동) (마이페이지)로그인, 회원..