이어서 기본 적인 틀을 구성해보려고 합니다.가장 먼저 헤더를 구성하고 넘어가려는데..(분명 간단히 하면 되는데)폰트까지만 적용하자!(눈에 빨리빨리 보여야만 기분 좋은 스타일)다행이다. 무료 폰트다~!!(메이플 무료 폰트를 찾아서 적용 시킵니다.)방법을 보자!사이트에서

취준 기간 이면서 취준을 위해 집을 구해야 하는 공백기간이다.현재 서류심사 중인 LH를 기다리며 무엇을 해볼까 하다핫한데 아직 사용해 보지 못한 GPT API를 사용해 보려고 합니다.어릴적 좋아하던 메이플 몬스터와 대화를 하면 참 재밌겠다 싶어서 ㅅㅣ작한ㅎㅎㅎㅎㅎㅎㅎㅎ

나의 풀이 다른 사람 풀이replace를 여기서 볼 줄이야..이런 생각을 하는 ㅅ ㅏ람도 있구나 정말 대단하다

나의 풀이다른 사람풀이를 원래 봐왔지만, 이젠 gpt의 답을 보기로 했다.GPT의 풀이문자열로 바꾸어 준 뒤 삼항연산자로 숫자인지 확인 후 더해지는 식을 보여주었다.

https://openweathermap.org/이전에도 테스트 삼아 사용해봤던 Api라서 생각보다 간단하고 빠르게 구현 하였다!키는 .env 파일에서 관리를 해주고 api 폴더를 만들어 안에 밑의 파일을 만들어줍니다.사용할 컴포넌트에서 불러와줍니다.전 날씨를

포트폴리오를 어떻게 구성하면 좋을지 서치 중 스크롤을 조금만 내렸는데다음 섹션을 바로 보여주는 기능을 겪어보니 오..나도! 라는 생각이 들어 바로 구현해보았습니다..처음 사용해 보는 기능인데 사실 전부터 사용해보고 싶다고 느꼈습니다.(코딩애플 선생님의 유튜브에서 한번

그 하이퍼링크가 들어간 텍스트 들은 밑줄이 생겨버리고 예 그것을 지워줍니다.그런데 색깔이 들어가 있네요?예 이것도 없애 줍니다.그럼 깨끗해집니다.

설치를 해준다!최상위에 파일을 생성해준다!.prettierrc.js밑에는 프로젝트 할 때 사용했던 코드끝 간단 하죠!

깃 push를 평소처럼 하는데 저런 오류가 뜹니다.그런데 실행하여 로그를 최적화 해주니 바로 잘 됩니다!!구우웃!문제를 공유한 팀원이 말을 해주어서 덕분에 얼마 안걸리고 해결했습니다 ㅎㅎㅎ

map을 써서 서버로 get 해온 데이터들을 props 로 뿌려줍니다.이것은 댓글 삭제 함수입니다.여러개의 댓글중 클릭한 해당 댓글만 삭제하기 위해서 인자로 값을 넣어줍니다.위에 props 내려준 onclick에도 인자가 들어가있습니다.그럼 props받은 항목을 확인해

select박스를 이용해서 시 군 구를 구별하는 기능이 필요했다..api를 쓰려고 했는데 호출할때 내게 필요한 데이터를 뽑아내는 작업이 생각보다 까다로웠다.(나중에 이 부분은 어떻게 해야 내가 제대로 다룰 수 있을지 재탐색이 필요하다!)그래서 db만 받아서 어떻게든 해

이미지 업로드 구현...성공..이미지 삭제 구현...성공..이미지 프리뷰 구현..성공..지금 시간이 새벽 두시인 만큼 비몽사몽한 정신으로 블로깅을 합니다..ㅎㅎㅎㅎㅎㅎㅎㅎ이미지 업로드와 삭제만 하면 되지만 모달창팝업으로 확대도 구현해보고 싶었던 나..모달도 컴포넌트로

모달창 구현을 간단하게 해봅니다!일단 컴포넌트에 모달창을 재사용 가능하도록 넣어줍니다.

https://www.youtube.com/watch?v=qJOfzcMG_hs

제목 그대로 저 오류가 떴을때 해결방법(제가 통한 방법)if문을 써주지 않고 post에 바로 넣어줬을땐 undefind로 인해 타입에러가 떴지만 난 첫번째 방법으로 해결을 했습니다.예를 그대로 가져 왔는데요 2번으로 해결한 코드도 본 적이 있습니다.null 병합 연산자

이번 오류는 진짜 돌고 돌고 돌아서 해결했다..ㅠㅠㅠㅠㅠ일단 사건의 발단...게시글 등록하는 페이지 게시글을 등록해주면 게시글 상세페이지로 이동하고..그 서버 Param를 받아서 상세페이지에다가 뿌려주는 작업을 하고 있었다.근데,,.타이틀과 달리 내용에 태그가 그대로

server랑 통신은 정상적으로 되는데 data가 계속 안받아지는 것 때문에 애를 먹었다..확인해보니 data를 html을 받아오다보니 state에 담을때마다 꾸준히 undefind가 뜨는거 아닌가!알고보니 접속링크 전에 저렇게 페이지가 처음에 임의로 뜨는 것을 확인했

" Avoid non-native interactive elements. If using native HTML is not possible,add an appropriate role and support for tabbing, mouse, keyboard, and to

pre-project 기간입니다!구현하다가 유용할거 같아서 체크!현재 헤더 서치바를 구현하는데 누르면 밑에 내가 작성해둔 컴포넌트를 보여주어드롭다운처럼 보이게끔 구현을 해놨습니다.일단 useState를 이용해서 클릭시 열고 닫고만 해놨다가 실제 홈페이지에서 외부영역시에

pre 프로젝트를 앞두고 git을 다시 복습해보는 시간을 가져봅니다!'master' 브랜치에서는, 배포 가능한 상태만을 관리합니다. 커밋할 때에는 태그를 사용하여 배포 번호를 기록합니다.'develop' 브랜치는 앞서 설명한 통합 브랜치의 역할을 하며, 평소에는 이 브