상태관리만 하다가 fetch가 뭐였지..? 프론트엔드 수업에서 계속 상태관리만 배우다가 갑자기 fetch를 하라니? 무슨 소린가 싶었다. fetch 배우긴 했었는데 잘 기억도 안나고.. 어떻게 쓰는 거더라? 하면서 다시 복습하다가 깨우쳤다..! 상태관리는 프론트엔

드디어 백엔드 api가 만들어졌다이제 dummydata로 화면을 깔아주지 않아도 되고 백엔드 분들이 만들어준 api를 fetch를 이용해서 GET으로 조회하게 만들면 된다! 노마드코더에서 배웠던 API GET 요청 방법은?노마드 코더 Next.js 수업에서는 movie

클래스이름 container를 top_container로 바꾼 후처음엔 Rem으로 CSS를 작성했었는데 이상하게 자꾸 깃 리파짓토리로 머지하고 보면 내가 만든 컴포넌트가 다른 곳에 이동해있었다.자꾸 다른 컴포넌트를 침범하고 디자인도 안 이뻐서 머지할 때마다 다시 맞춰서

다른 사람 화면에도 CSS가 잘 적용되게 rem으로 설정했으나 그래도 화면이 이상하게 나오는 현상 발생하였다.다른 사람 화면내 화면rem으로도 안되면 %로 다 바꿔야 한다고 해서 밤새 %로 다시 맞춰서 작업하였다.기존에 있던 rem을 %로 바꾸면서 디자인을 전과 최대한

현재 상태 각자 팀원들끼리 맡은 페이지들을 작업하고 github에서 pull하고 push하는 과정에서 많은 충돌과 오류로 저녁 시간도 계속 미뤄지고 뇌도 정지되는 느낌을 받았다. 6시 반부터는 계속 화면을 보고 집중해서 그런지 두통이 와서 집중을 더 할 수가 없었다

Home 페이지 해결해야 할 것 dummydata로 map으로 질문 뿌리기 어제는 dummydata를 끌고와서 map으로 뿌려주던 것이 생각이 안나서 movie API를 임의로 갖고 왔었다. 오전에 게시물 관련 DummyData를 끌고와서 Top Questions쪽에

figma 구현을 끝내고 Stack over flow 홈페이지를 페이지 별로 나눠서 이틀만에 본인이 맡은 부분의 CSS 작업은 다 하고 합쳐보기로 했다.figma에서 만든 질문페이지, 질문 쓰는 페이지 동일하게 맡게 돼서 다행이라고 생각했다.아직 많이 실력이 부족해서

프리-프로젝트로 프론트엔드 4명 백엔드 3명으로 팀이 만들어졌다.같이 줌으로 처음 만나서 팀장도 정하고 사용자 요구사항 정의서도 만들었다.스택오버플로우는 크게 로그인하는 곳, 모든 질문이 나오는 곳, 질문하는 곳, 답변하는 곳, 수정하는 곳 등등 으로 나눌 수 있는데

section1에서 변수, 함수 개념 익히다가 어리둥절 정신차려보니 section4 마지막날이다^-^...!!이렇게 4개월동안 한 가지만 파서 매일 공부한 건 오랜만이라 정신없이 이론들을 머리에 넣는데만 집중했던 것 같다..! 내일부터 당장 pre-project가 시작

쓰는 방법 먼저 한마디로 정리 중요한 포인트 2~3개 선정 답변을 중요한 포인트와 함께 다시 정리 JavaScript - 심화 Hoisting과 Temporal Dead Zone이 어떻게 연관되어 있는지 설명하세요. 브라우저 렌더링 브라우저 렌더링 방식에 대해 설

꼭 들어가야 할 키워드CORS 에러를 해결하는 방법proxy 기능우리의 브라우저에서는 기본적으로 API 요청을 할때 브라우저의 현재 주소와 API 주소의 도메인이 일치해야만 데이터에 접근할 수 있다.만약 다른 도메인에서 API를 요청해서 사용하려면?? -> CORS 설

업로드중..CI/CD는 몇 가지의 다른 의미를 가지고 있다.CI는 개발자를 위한 자동화 프로세스인 지속적인 통합을 의미한다.CI를 성공적으로 구현할 경우 애플리케이션에 대한 새로운 코드 변경 사항이 정기적으로 빌드 및 테스트되어 공유 리포지토리에 통합됨여러 명의 개발자

Lighthouse는 사이트를 검사하여 성능 측정을 할 수 있는 도구이다.Lighthouse는 다양한 지표를 이용하여 웹페이지의 성능 검사를 해줄 뿐만 아니라 그에 대한 개선책도 제공해준다! Lighthouse는 구글에서 개발한 오픈소스로서 웹페이지 품질을 개선할 수

webpack은 22년 7월 현재 프론트엔드 애플리케이션 배포를 위해서 가장 많이 사용하는 번들러입니다.실리콘벨리나 국내 IT 대기업을 막론하고 프론트엔드 애플리케이션을 대규모 유저에게 제공하기 위해 가장 많이 사용하는 방법이기도 합니다.Webpack이란 여러 개의 파

number, string, boolean 등과 같이 고정된 저장공간을 차지하는 데이터stack(저장 공간)에 변수 이름을 주고 값을 넣어준다.변수 a의 값을 변수 b로 복사하고 변수 b의 값이 변경되어도 변수 a에는 영향을 주지 않는다 객체가 아니면서 메서드를 가지지

각 자리수를 배열로 빼서 풀려고 했으나 잘 안돼서 결국 구글링을 해서 힌트를 얻었다각 자리수를 구하는 식으로 1의 자리, 10의 자리 수들을 빼서 풀어보면 더욱 쉽다!0보다 크거나 같고, 99보다 작거나 같은 정수가 주어질 때 다음과 같은 연산을 할 수 있다. 먼저 주

오늘은 더 많은 사람들이 찾을 수 있고 이용할 수 있는 웹페이지를 만들 기 위한 웹표준과 웹 접근성에 대해서 블로깅 하고자 한다. 웹 표준은 어떤 환경에서도 이용할 수 있는 웹페이지를, 웹 접근성은 어떤 사람이든 이용할 수 있는 웹페이지를 만들 수 있는 방법을 담고

Redux란? Redux는 애플리케이션에서 정교한 상태 관리를 구현하는 데 도움이 되는 라이브러리 중 하나이다. 즉, 상태 관리 라이브러리라고 할 수 있다. Redux는 컴포넌트와 상태를 분리하는 패턴을 써서 상태 관리를 편하게 도와주는 도구이다. !종종 Redux

https://developers.kakao.com/디자인이 깔끔하고 초보자가 따라하기에 어렵지 않아서 Figma로 클론 연습하기 좋다!그렇다면 Kakao Developers를 분석해보자 (주관적 견해 주의,,ㅠ\_ㅠ)자주 사용하는 UI 디자인 패턴을 썼는지

UI 란?UI(User Interface)는 사람들이 컴퓨터와 상호 작용하는 시스템을 의미.보통 UI라고 하면? 1\. 화면상의 그래픽 요소 2\. 키보드 , 마우스 등의 물리적 요소 등등즉, 인터페이스인 정보 기기나 소프트웨어의 화면 등 사람과 접하는 부분을 설