📎 status와 sendStatus의 차이 😈 에러 내용 node.js를 통해 REST API를 설계하던 중 **code: 'ERRHTTPHEADERS_SENT' Error \[ERRHTTPHEADERS_SENT\]: Cannot set headers afte

지금까지 무작정 npm install 명령어를 통해 프로젝트에 필요한 라이브러리를 다운받아서 사용해왔다 이 글을 통해, npm에 대해 간단하게라도 정리해보고자 한다 (라이브러리를 설치하여 사용할 때를 기준으로 작성) npm Docs를 읽고, 추가 및 수정할 예정 잘

정체기에 빠졌다는 느낌을 받는 요즘멈추지 않고 나아가기 위해 꼼꼼하게 계획을 세우고자 한다앞으로 월간 계획을 블로그에 작성하고 월말에 검증하는 식으로 진행할 예정이다0px-log project: Next.js로 구현한 블로그 웹 페이지 배포하기Movie web app:

React에서 스타일링 작업을 할 때 주로 styled-components를 사용했다그러나 제대로 활용하지 못했던 것 같아서 이번 글이 styled-components를 효율적으로 사용할 수 있는 계기가 되면 좋겠다Tagged template literal을 사용하여

Heroku를 통해, express와 react로 만든 웹 페이지를 배포하였다 그 과정을 간단하게 기록하고자 한다 📎 https://velog.io/@recordboy/Express-React-연동-및-Heroku에-배포하기 이 블로그 글을 참고하고 또 참고하였

공공데이터포털을 이용하여 배포까지 해본 건 처음인데 정말 많이 우당탕탕거렸다🥺 (특히, CORS 에러가 나를 괴롭혔다) 제작 과정을 천천히 회상하며 제작기를 작성해보고자 한다 프로젝트를 진행하며 수많은 블로그 글을 보며 도움을 받았는데 나도 그 고마움을 보답하기

포트폴리오를 준비하다가 목업 파일을 사용하여 각 프로젝트의 썸네일을 제작할 일이 있었다크롬의 개발자 도구를 활용하면desktop, tablet, mobile 등 각 디바이스에 맞게 스크린 샷이 가능하다📎 https://kr.freepik.com나는 이곳에서

lighthouse의 평가 항목을 최대한 고려하면서 markup 하고자 노력하였다

이전까지는 api key를 .env에서 관리하고,.gitignore를 통해 민감한 정보를 숨기는 것 자체에 초점을 맞췄었다문득 \*\*왜 REACT&에 대한 의문이 들었다이것과 관련된 내용을 정리하고자 한다환경 변수(環境 變數, 영어: environment variab

webpack config로 html-webpack-plugin을 사용하면서 favicon을 로드할 수 있는 방법에 관하여 알아보았다favicon 만드는 방법html-webpack-plugin을 활용하여 설정하는 방법html-loader 활용하여 설정하는 방법포토샵,

접근성 및 검색 엔진 최적화를 위해서는html head태그를 꼼꼼하게 작성해야했다프로젝트를 끝내고,lighthouse 평가 항목의 세부내용을 자세히 읽어보았다html 및 head 태그에서 고려되어야 할 내용들을 짧게 정리하고자 한다😆(굵직한 것만 정리..)스크린 리더

📎 https://mountain-web-ec9dd.web.app✍🏻 project를 하기 전 목표접근성을 고려한 마크업, 마크업부터 제대로 SCSS에 익숙해지기웹팩 설정에 대해서 이해해보기SEO 고려한 웹 페이지 만들기 git commit 구체적으로

미디어 쿼리는 media type ( screen, print, speech )media features(color, resolution etc)에 따라서 웹 스타일을 제약할 수 있다. 미디어 쿼리는 논리 연산자를 사용하여 구문이 true일 경우 스타일이 지정되고, f

🍒 공공데이터 포털https://www.data.go.kr공공데이터 포털을 통해 두번째 프로젝트를 하다가 몇 가지 이슈들을 공유하면 좋을 것 같아서 작성해본다✔️프로젝트 세팅create-react-app, axios 라이브러리를 사용하여 프로젝트를 진행하고

🍒 fontawesome>Docs>Reacthttps://fontawesome.com/v5.15/how-to-use/on-the-web/using-with/react위 링크로 들어가면 문서화가 잘되어있다😆그래도 과정을 정리해보자면 yarn을 통한 설치 예시

✏️프론트엔드 토이 프로젝트를 깃허브를 통해 배포하는 방법github main branch 외에 gh-pages라는 branch를 새로 만들어준다브랜치명은 반드시 gh-pages로 지정하기❤️main branch가 commit 된 상태에서 gh-pages branch로

minus btn의 경우에는 0이 되면 더이상 count가 내려가지 않도록 만들었음JSJS ClassReact ClassReact Hook

모던 웹브라우저에서 돌아가는 스크립트는 HTML보다 대부분 무거움브라우저는 HTML을 읽다가 script 태그를 만나면 스크립트를 먼저 실행해야하기 때문에 DOM생성을 멈추게 됨위에서 언급했듯이 HTML로 DOM을 생성하다가 script태그를 만나면 js부터 fetch

무한루프로 while문을 반복하고 조건에 따라 break를 통해 while문을 빠져나올 수 있다 수가 입력되지 않아서 error가 발생하면 while문을 빠져나갈 수 있도록 try-except구문을 활용try-except구문try구문에는 에러가 발생할 가능성이 있는 코

for문은 보통 명시적으로 몇번 실행해야 하는지 정해진 상태에서 많이 사용list, array 같이 길이가 정해져 있는 값에 반복문을 적용할 때 while문은 몇번 실행해야 하는지 모르는 상태에서 많이 사용무한루프를 만들기 위해서 활용변수 i를 출력시 사용할 것이냐에