프론트 엔드 공부 블로그

react-create-app 의 디렉터리 구조를 따르고 있음. 1. OTF, TTF 형식을 WOFF 로 바꿔준다. 2. font 폴더에 변환한 폰트 파일을 넣는다. 3. font 폴더에 font.css 를 다음과 같이 작성한다. @font-face { font-family: "black-godic"; src: url("./검은고딕.woff") format(woff); } @font-face { font-family: "(사용할 이름)"; src: url("파일 디렉토리 주소") format(파일 형식); } 4. 가장 상위 파일인 index.js에서 font.css를 import 한다. import './assets/font/font.css'; 5. 하위 CSS 에서 적용이 되는지 확인한다. #head..

참조한 사이트 https://ui.toast.com/fe-guide/ko_CODING-CONVENTION https://github.com/airbnb/javascript#variables--unary-increment-decrement 새로 알게 된 점 지역 변수 및 private 변수명은 '_'로 시작한다. let _privateVariableName; let _privateFunctionName; // 객체일 경우 const customObjectName = {}; customObjectName.propertyName; customObjectName._privatePropertyName; _privateCustomObjectName; _privateCustomObjectName._privatePro..

참고 : 프로그래머스 공식 블로그 https://prgms.tistory.com/113 '2021 Dev-Matching: 웹 프론트엔드 개발자(하반기)' 기출 문제 해설 프로그래머스에서는 지난 2021년 9월 4일 '2021 Dev-Matching: 프론트엔드 개발자(하반기)'의 과제 테스트가 진행되었습니다. 과제 리뷰가 제공되지 않지만, 어떻게 하면 구현을 더 잘할 수 있었을까? prgms.tistory.com 리액트 라우터 동작처럼 바닐라 JS 에서도 새로고침 없이 부드럽게 넘어가는 SPA를 만드는 법을 공부했다. 0. 페이지 구조 Home 클릭 시 메인화면으로 넘어오고, Sign Up 클릭 시 회원가입 페이지로 넘어간다. 메인화면 회원가입 화면 1. 파일 구조 2. 파일 역할 2-1. Index...

학교 선배가 데이터를 받아오는 프로젝트를 참고하라고 하시면서 직접 작성한 블로그 링크를 보내주셔서 너무너무 감사했는데... 코드를 해석하거나 내가 코드를 짜기엔 너무 지식이 없어서(ㅋㅋㅋ ㅠㅠ) 선배에게 무척 죄송하지만 제대로 JS를 공부하는 게 먼저였다. 다행히 JS를 하다보니까 재미있고... 실용적인 메소드들을 많이 접해서 여기까지 올 수 있었던 것 같다. 아무튼! Json도 긁어왔겠다 fetch도 사용해봤겠다...! 이제 선배가 알려주신 블로그를 조금 이해할 수 있게 돼서 따라해보고자 한다! 아직 React를 제대로 배우지 않았으니 최대한 바닐라 자바스크립트로 작성할 것이당 참고한 API 호출 프로젝트는 >> 여기!