본문 바로가기

분류 전체보기100

[유데미x스나이퍼팩토리] 프로젝트 캠프 : Next.js 2기 - 사전직무교육 1주차 후기 목차1.개인적인 소감2.진행과정3.배운 내용 다른 교육과정도 붙었지만 내 선택은 유데미 & 스나이퍼팩토리였다.지인분께서 여기를 나오고 좋았다는 평과 수코딩님이 가르치는 next.js.이 두가지가 나에겐 엄청난 매력으로 다가왔다. 개인적으로 생활코딩,수코딩님의 유튜브를 보며 코딩을 시작했기 때문에강의 퀄리티는 의심치 않았고 생각보다 더 좋아서 놀랐다. 거리가 좀 있어서 피곤하긴 했지만 왕복 2시간은 문제가 안됐다. 첫날은 좀 여유있게 흘러 갔으나 다음날부턴 쉽지 않았다."아 내가 JS에 대해 정말 많이 부족하구나"옆에 있는 동기분들도 대단하신 분들이 너무나 많아이 분들과 함께 수업을 듣는다는게 스스로에게 대견할 정도였다. 나는 이 캠프에 온 걸 정말 잘한 결정이라 생각한다.2. 1주차 진행과정1일차 OT .. 2024. 7. 15.
map 타입 오류(방어 코드로 해결) 굉장히 유용하게 쓰고 있는 게 있다. map을 돌리다 보면,이게 Array가 아니라 다른 내용물이 들어있을 수도 있기 때문에,map을 그냥 돌리면 오류가 뜰 수 있다. function NewPost({ club, setClub }) { // const currentClub = club.sort((a, b) => b.id - a.id); return ( {Array.isArray(club) && club.slice(0, 6).map((clubName, index) => (  Props를 내려받을 때 , club이 어떤 내용물인지 타입지정을 안해줬기 때문에 이렇게 사용했다. {Array.isArray(club) &&안에 돌릴 내용물 } .. 2024. 6. 15.
netlify 빌드 방법 및 오류해결(React) 빌드할 때 오류 요소가 내가 생각하는 것보다 많았다.next는 netlify에서 SSR이 안된다고 한다. react , yarn 기준으로 설명하겠다. yarn build빌드하기 위해서 , 자신이 사용한 것 (yarn or npm)에 대한 빌드 명렁어를 입력한다. 빌드가 잘 되었다면 , npm에 경우 build 라는  폴더가 생겼을 것이다.나는 yarn이기에 dist라는 파일이 생겼다. 일단 프로젝트 폴더 안, 최상단에 netlify.toml이라는 파일을 만든다.아래엔 netlify.toml에 있는 코드다.[build]publish = "dist"command = "yarn build"[context.production.environment] TOML_ENV_VAR = "From netlify.to.. 2024. 6. 14.
프로젝트 회고(메인 프로젝트) Cookbap이라는 블로그를 만들었다. 요리 레시피를 공유하는 커뮤니티다. 이번 프로젝트는 좋은 점 , 아쉬운 점 중에 좋은 점이 더 컸다.하나씩 꼽아보자면 아쉬운 건 나에게 아쉬웠고, 좋은 건 팀워크가 너무 좋았다. 팀원들이 기존에 알던 사람이 많아서팀원들 성향에 맞게 일을 분배할 수 있어 너무 좋았다. 프론트 팀원분들이 너무 착한 분들이셔서의견을 수렴하는 것에 익숙하고,다른 의견을 버리는게 익숙치 않아 보여서 내가 팀장을 하기로 했다.(사실 저번 플젝도 함) 나는 전체적인 관리를 위주로 맡았다.git , 개발환경 설정, build, axios, 로딩처리, 에러처리, 컴포넌트 관리, 일반로그인 , 카카오 로그인 ,네브바(Dropdown 제외) ,글 상세페이지(react-quill 제외) , 댓글 CR.. 2024. 6. 12.
프로젝트 회고(합동 프로젝트) 내 인생에 첫프로젝트였다.Landing이라는 이름으로써 "착륙하다"라는 뜻이 담겨있고한국인 ,한국에 사는 외국인이 소통하는 커뮤니티를 만들고자 했다.페이지는 이렇게 생겼다.첫프로젝트인만큼 모든 게 쉽지 않았고사업개발은 어디까지 일을 하는지,백엔드는 어떤 일을 하는지다른 직업군에 대해 이해가 많이 부족했다.모든 걸 구현하지 못해 아쉬웠고 재밌었고 즐거웠다. 팀원들과 맞춰가는 과정이 즐거웠다. 이래서 개발을 하는구나.음악을 했을 땐 돈을 아끼고자 혼자 다 하려고 했었는데그 방식은 그리 좋은 방법이 아니었다는 걸 몸소 깨달으니개발이 더 좋아졌다.  기간은 한달 남짓했다.2024.03.26 - 2024.04.30 솔직히 기능적으로 많이 부족했었지만모든 것이 처음이기에 너무나 값진 경험이었다고 생각한다.프로젝트.. 2024. 6. 12.
빌트인 생성자 Date(JS) Date는 자바스크립트에서 내장된 객체이며 , 메소드 또는 함수가 아니라 객체생성자(Constructor)다. 객체 생성자는 객체를 생성할 떄 사용되며 , 해당 객체의 인스턴스를 만들어 낸다. 이 객체를 사용하여 날짜와 시간을 다를 수 있다. date는 월만 0부터 시작함. 그래서 5로 쓰면 6월임 이건 한번 하면 끝남. 이건 정해놓은 시간마다 반복실행함. 2024. 3. 15.

티스토리툴바