📍Q5. Next.js 에서 폰트를 적용하려면? 폰트를 포함하는 global styles를 적용할 root 컴포넌트가 필요하다.. Next.js 에서는 _app 컴포넌트가 root 컴포넌트가 되며 여기에 글로벌 스타일을 추가할 수 있다 pages/_app.tsx를 만든다 import type { AppProps } from 'next/app' export default function MyApp({ Component, pageProps }: AppProps) { return } styled-components의 createGlobalStyle API 로 글로벌 스타일을 만든 뒤, 컴포넌트 형태로 import 하여 추가해야 하는데, 이왕이면 Layout 컴포넌트로 감싸는게 좋을 것 같다. 그런데 theme..

📍Q1. Yarn Berry로 프로젝트를 시작하려면? 일반적인 Yarn은 클래식 (1.X) Yarn Berry 는 2.X 버전 이상을 말한다 - Node.js 18.15.0 - Yarn 3.5.0 기준 yarn init -2 생성된 프로젝트 구조가 꽤 달라서 당황.. Yarn Berry의 핵심인 zero-install 및 plug-n-play 에 대해서 나중에 알아봐야겠다 zero-install 덕분에 - 커밋, 푸쉬하는데 시간이 오래 걸림 ㅠㅠ - zero-install 기능을 해제하려면 .yarn/cache 를 .gitignore에 추가하면 됨. 단 이는 node_modules 처럼 초기에 yarn install 필요 (현재는 !가 붙어서 gitignore의 부정 상태) ⭐zero-install 덕분..

프로젝트 이름 : 아카데미아 프로젝트 소개 : 원포인트 공부모임을 만드는 플랫폼 If you can't explain it simply, you don't understand it well enough. 아인슈타인은, 쉽게 설명할 수 없다면, 그것을 잘 이해한 것이 아니다라고 말했다. 내가 잘 아는지 확인하는 방법, 또는 잘 배우는 방법은, 남에게 쉽게 설명하는 것이다. 이를 통해 아카데미아에서 공부할 모임 또는 배우는 모임을 찾을 수 있다 기술 스택 Next.js Styled-components yarn berry를 써보자! (빌드 시간이 매우 빠르고 node_modules를 사용하지 않는다고 해서!)

📍참고 https://nickjanetakis.com/blog/learning-a-new-web-framework-with-question-driven-development Learning a New Web Framework with Question Driven Development When I'm learning a new language or web framework, I often go at it from a problem / solution angle and use error driven development. nickjanetakis.com 📍요약 ✅새로운 프레임워크나 라이브러리를 빠르게 배우려면, 관련 서적을 미리 읽는 것보다 직접 코드를 작성해보는 것이 더 중요하다 📍상세 내용 ✅QDD (Q..

https://meetup.nhncloud.com/posts/39 git squash - 여러개의 커밋로그를 하나로 묶기 : NHN Cloud Meetup git squash - 여러개의 커밋로그를 하나로 묶기 meetup.nhncloud.com https://json.postype.com/post/209499 [Git] 이미 remote repository 에 push 해버린 commit들 하나로 합치기 Git 에서 여러개의 최근 commit들을 하나로 합치고 싶을 때가 있다. (지저분하다든가 부끄럽다든가...) 이 작업은 일반적으로 Squash 라고 불린다. Squash 먼저 이 squash 를 어떻게 하는지 알아보자. 테스 json.postype.com webstorm의 경우 터미널에서 코드 수정중..

원티드 프론트엔드 프리온보딩 (22.12.19 월 ~ 23.01.20 금) 📍소프트웨어 테스트란? 예전에는 개발자는 개발만 담당하고, 테스트는 별도의 테스트팀이 맡았으나, 최근에는 개발자가 자동화된 테스트를 이용해 소프트웨어 테스트까지 맡는 것이 보편화됨 ✅자동화된 테스트의 이점 1. 컴퓨터가 실행하므로 사람보다 빠름 2. 정해진 스크립트에 따라 일관성있게 동작하므로 human error를 줄일 수 있다 3. 개발중에 빠른 피드백을 받을 수 있다 (TDD) ⭐개발 생산성 향상 가능! 📍소프트웨어 테스트 종류 1. Unit Test (유닛 테스트) - 가장 low-level 테스트 - 가장 작은 범위를 테스트 - 개별 함수, 메서드, 클래스, 컴포넌트 등의 동작을 테스트 2. Integration Test..

코드 없는 알고리즘과 데이터 구조 (암스트롱 수베로 지음) 더보기 목차 Part 1 - 데이터 구조 Part 2 - 알고리즘 Part 3 - 알고리즘과 데이터 구조를 이해하는데 필요한 지식들 10. 무작위성 11. 스케줄링 알고리즘 12. 알고리즘 기획과 설계 📍타당한 기획과 설계의 필요성 ✅알고리즘(혹은 프로그램)을 설계할 때는 코더가 아닌 컴퓨터 과학자의 자세를 가져야 한다 ✅코더 - 무턱대고 코드부터 작성 - 논리 구조가 빈약하고 다른 사람이 이해하기 어려운 프로그램이 만들어짐 ✅컴퓨터 과학자 : - 알고리즘 구현 전에 기획하고 설계 특징 1️⃣알고리즘을 모듈식으로 설계 - 다양한 프로그래밍 언어로 구현 가능하고, 쉽게 가져다 쓸 수 있는 알고리즘 탄생 - 다양한 패러다임과 응용 프로그램에 적용 가..

코드 없는 알고리즘과 데이터 구조 (암스트롱 수베로 지음) 더보기 목차 Part 1 - 데이터 구조 Part 2 - 알고리즘 Part 3 - 알고리즘과 데이터 구조를 이해하는데 필요한 지식들 10. 무작위성 11. 스케줄링 알고리즘 📍스케줄러와 스케줄링 모든 운영체제 내부에는 프로세스 스케줄러가 존재 ✅역할 - 어떤 태스크가 언제 실행될지 결정 ✅디스패처(dispatcher) - 문맥 전환을 수행하고 프로그램의 실행 흐름을 바꾸는 프로세스 스케줄러의 일부 - 문맥 전환(context switching) : 프로세스 -> 다른 프로세스 혹은 태스크 -> 다른 태스크 ✅스케줄링 큐 - 프로세스가 나열된 큐 - 태스크 큐 : 메인 메모리 할당을 기다리는 모든 프로세스가 나열 - 준비 큐 : 메인 메모리에 상주..