개발일지

개발자로서 시작하기 준비 스파르타-이노베이션 캠프 최근에 국비지원으로 스파르타 웹개발종합반을 듣고 더 알고 싶어서 캠프에 지원하게 되었다. 시작 시작하자마다 팀원이 정해지고 바로 미니 프로젝트를 시작하게 되었다. 처음에 역할 배정이되고 무엇을할지 몰르고 git도 쓸

코딩 컨벤션이라는글을 봤는데 요는 읽고, 관리하기 쉬운 코드를 작성하기 위한 일종의 코딩 스타일 규약 이라것이고• 정해진 규칙이 있기 때문에 명칭이나 구조를 빠르고 정확하게 정할 수 있음.• 통일된 규약으로 인해 코드를 이해하기 쉬고 편리하게 사용 가능.• 유지보수 비

우리가 앞으로 공부할 Javascript, 어떤 언어인지 더 뜯어보고 어떤 특성을 가졌는지 공부해보는 시간을 가질 예정입니다.📋 블로그, 노션, github에 정리하여 공유해주세요.다른 사람들이 이해할 수 있게 글로 작성하는 것이 중요합니다. → 내용에 대한 검증을

스코프, 호이스팅, TDZ함수 선언문과 함수 표현식에서 호이스팅 방식의 차이여러분이 많이 작성해온 let, const, var, function 이 어떤 원리로 실행되는지 알 수 있어요.실행 컨텍스트와 콜 스택스코프 체인, 변수 은닉화콘솔에 찍힐 b 값을 예상해보고,

출처는 MDN과 W3schools을 참고했다.head의 내용이 하는 일은 페이지에 대한 metadata를 포함하는 것입니다.utf-8 은 전세계적인 character 집합으로 많은 언어들을 문자들을 포함합니다. 이는 웹 페이지에서 어떤 문자라도 취급할 수 있다는 것을

리덕스를 어느정도 쓸수 있게 되었다 아직 파이어베이스를 쓰는것은 조금 헷갈린다

오늘 개발을 배운지 4주차가 되는날이다처음엔 JS로 웹페이지 간단하게 만들고 서버는 파이썬 flask로 만들다가최근에 React로 만들면서 프론트엔드에 더 가까워지는 느낌을 가지고 있다.리액트를 시작하면서 제일 처음 알게된 개념이 라이프사이클인데 이게 강의들 듣다보니

이제 개발에 입문한지 5주차가 되었다지금까지 배운것을 정리하자면리액트 라우터리액트 리덕스, 툴킷리액트 청크mok api 연결해서 서버리스로 만들기(간단하게)간단한 훅 만들기styled components로 스타일링 styled로 컴포넌트만들어 tailwind처럼 쓰기(

트위터 클론 코딩을 하면서

이어서 트윗작성페이지이다.트윗작성을 할경우 Textarea의 높이가 자동조절이 되는 것이 확인되어 이를 구현하고자 하였다.그리고 사진의 경우 파일을 업로드했을때 미리보기를 할 수 있어 이것도 구현을 해보았다.textarea의 기존 높이는 150px이고 사진의 미리보기가

그외의 부분들을 리뷰해본다.리액트 쿼리를 가져와서 그저 보여주는것은 따로 설명하지 않고클론코딩하면서 추가적으로 새로해본것만 추가해보겠다.위의 첫번때 input창에서 다음 input 창의로 만들어 보았는데 다른 materialUI 같은데서 가져오면 간단하게 구현할 수 있

실전프로젝트 프론트 깃허브ForB처음 개발자에 입문하는 사람이 프론트를 고를지 백엔드를 고를지 고민을 하는데 조금이나마 도움이 되고자 만들게 되었고심리테스트만 있으면 스코프가 너무 작아 간단한 로드맵과 정보, 게시판을 추가하기로 하였다.팀원은 4명으로 프론트 2명 백엔

게시글 추가하는 모달창이다데이터를 보낼때 사진이 없으면 서버쪽에서 null 값으로 처리해서 썸네일 데이터가 null일시 기본사진을 보여주고 있다.하지만 이미지 파일을 첨부하지 않으면 서버에서 오류가 나서 값을 저장하지 못해서formData에 file키에 noimg 라는

강의는 코딩애플의 타입스크립트를 수강하였다.간단한 변수 옆에 타입을 적는건 아주 간단하다 그 이후꺼를 배워보자타입 정의가 너무 길면 Type Aliases (별칭)readonly 키워드는 속성 왼쪽에 붙일 수 있으며특정 속성을 변경불가능하게 잠궈줍니다. 속성 몇개가 선

기존에 있던 ForB 프로젝트를 Js에서 Ts로 migration 도전을 해본다CRA ts버젼의 기본 tsconfig에서 추가적으로 js에서 migration 해온것이라일단 JS가 허용되게 allowJs와 checkJs를 추가하였다.처음에 수정할때는 strict 모드를

최근에 nextJs 버젼이 13으로 업그레이드 되었는데일단 지금은 12버젼을 쓰고 있고 13에서도 12버젼을 사용할 수 있기때문에 12버젼을 먼저 공부하고 다음에 13버젼이 12랑 어떤 점에서 다른지 적어보겠다.

NextJS를 사용하면서 kakaoMAP API를 사용해서 웹을 만드는 중에 발생한 오류를 모아 보았다.kakaomap을 가져오는 일은 공식문서에도 있고 react-kakao-maps-sdk의 문서에도 확인 할 수 있어 편하게 가져왔다.javascript키를 가져와서

이번에 nextjs랑 nodejs express 등 이것저것 공부하고 있는 와중에 공인중개사하고 있는 지인에게서 사이트하나 만들어 달라고 요청이 들어왔다.부동산 프로젝트를 하기위해 react를 사용할 수 있었는데 SEO에서 좀 더 좋게 만들어서 다른 사람들이 사이트를

방문자는 로그인 필요가 없으니 관리자 페이지 따로 나눠서 로그인 자체를 없이 사용하도록 하기2.전체적인 css 손보기