Frontend

프로젝트를 하던도중 이상한 현상이 일어났다.

이렇게 폰트를 저장해놓는다그런다음, App.css에 얘네들을 입력해준다. (index.css도 무방)font-family에는 자신이 사용하고싶은 이름src에는 주소를 적어주면 되겠다이랬던 폰트가이렇게 적용해주니이렇게 변했다 (전체적인 디스플레이가 진화하는 마법;;;)웹

React를 쓰면서부터 렌더링에대해 고민을 많이 하게됐다.API통신을 통해 데이터를 받아와서 페이지에 보여주기만 했는데자꾸 값이 없다고 에러가 떴다. 처음에는 엄청 답답했지만 해결하지 못했다. (ㅜㅜ)시간이 지나서 API통신이 비동기 처리라는 것을 알게되었다.이걸 알고

서론 JavaScript를 사용하면서 나왔던 개념을 정리해보려고한다. 가장 첫번째는 Promise이다. 싸피에서 JavaScript 배울 때 약속의 개념이라고 배웠던 것이 어렴풋이 기억만 난다. Promise란? '약속'이다! 근데 JavaScript는 비동기처리

MDN을 참고하여 내가 가지고 있는 grid를 정리해봤다.https://developer.mozilla.org/ko/docs/Learn/CSS/CSS_layout/Grids이런 페이지가 나온다.여기에 이 코드를 추가하여 그리드로 사용하겠다고 선언해주자그럼 컨테

이전 게시글에서 promise를 정리하다가 비동기 처리가 나왔다. 그래서 비동기를 동기적으로 처리해줄 수 있게해주는 async/await에 대해서 포스팅해보려고 한다.(사실 정리글이기보단, 이전에 썼던 코드를 async/await처리했으면 더 좋았을껄 하면서 수정하는

오늘도 역시 MDN 문서를 복습하며 grid를 정리해보았다.매번 bootstrap이나 vuetify에서 받아쓰던걸 직접 해보니까 정리가 잘 된다.https://developer.mozilla.org/ko/docs/Learn/CSS/CSS_layout/Grids

싸피에서 마지막 프로젝트를 하면서 ESLint/Prettier를 사용하여 코딩 컨벤션을 아주 쉽게 지킬 수 있었다. (ESLint/Prettier를 알게해준 예림 감사)세이브만 하면 자동으로 스타일을 맞춰주니까 개발에만 온전히 집중할 수 있었다.그래서 ESLint/Pr

지난 프로젝트를 하면서 페이지를 라우팅하는데 여러가지 방법을 썼다. 통일해서 하나만 쓰는게 가독성이 좋으나 학습하는 입장에서 여러가지를 써보는게 더 도움이 될것같다는 생각이 들었다.react에는 페이지라우팅 방법이 여러가지 있었다.<Link>, a태그,histo

저번 프로젝트를 하면서 컴포넌트를 잘짜는데 아쉬움이 많이 남아서 회고를 해보려고 한다.이번에는 컴포넌트 구성에 아쉬움이 남는다. 동영상 리스트 페이지는 컴포넌트화를 하지 않았다. 커뮤니티 페이지 같은 경우는 잘 해놨지만 댓글은 댓글리스트에서 CRUD를 다 처리해버려서

동영상 재생 페이지에 동영상 재생목록(플레이리스트)을 만들면서 Props로 데이터를 2~3단계 내려줬다.Props로 내려줄지 Redux를 사용하여 관리를 해줄지 많이 고민했었다. 2~3단계쯤 Props를 사용하니 한 페이지 내에서 데이터 이동이지만 너무 많은 것같았고,

Virtual DOM을 쉽게 이해해보자!https://ryublock.tistory.com/41참고 : https://velopert.com/3236 / https://d2.naver.com/helloworld/9297403 / https&#

서버사이드 렌더링이란 무엇이냐?