인프랩 FE 수습회고 하핫

타입스크립트에서 d.ts 파일 포맷을 언제 사용해야할지 알아봅니다.

의존성 주입과 의존관계 역전법칙 및 예시

리스코프 치환 법칙이란? 리스코프 치환 법칙을 왜 사용하는가? 예시는?

스케쥴러의 상태와 선점 / 비선점에 대한 자료

스케쥴링 알고리즘 및 스케쥴러가 사용하는 시스템 정리

GitHub Actions는 빌드, 테스트, 배포에서 필요한 파이프라인을 자동화하는 CI/CD 플랫폼이다.GitHub Actions는 단순한 DevOps를 넘어서, 이밴드 발생시 workflow를 실행할 수 있는데, 이벤트 단위로 동작하기 때문에 issue 발생시 la

본 문서는 2022/03/21 기준 https://reactjs.org/blog/2022/03/08/react-18-upgrade-guide.html 에서 발췌하였습니다. Release Candidate 단계 내용을 작성하였기 때문에 변경될 가능성이 있습니다. 1.

ASCII, abbreviated from American Standard Code for Information Interchange, is a character encoding standard for electronic communication. ASCII codes

프로온보딩 시작 전 이 선택이 정말 맞을까? 고민과 걱정을 계속했다. 선발형의 유명 부트캠프를 졸업했기에 단순하게 생각하면 부트캠프와 비슷하게 학습하고 프로젝트를 수행하지 않을까? 과연 이 과정이 나에게 큰 도움이 될까? 하는 생각이 들어서 걱정이 들었다. 하지만 부트

프리온보딩 코스에서 프로젝트 4회차 중, 슬랙과 깃허브를 연동하게 되었다. 연동 계기는 다음 이유가 있었기 때문이다. 협업 도중 풀리퀘스트, 커멘트, 도움이 필요한 트러블 이슈가 발생했을 때, 직접적으로 팀원들에게 메세지를 보내지 않으면 확인이 지연되거나 모르는 경우가

건강한 조직 문화를 만들며 즐거운 코딩을 지향하기 위해 노력한 과정

이번에 팀프로젝트를 진행하며, Table 형식의 Grid 컴포넌트 구현을 담당하게 되었다. 이때 가장 중요하게 생각했던 것은 사용성이다.Grid처럼 다양한 곳에서 재활용되는 필수 컴포넌트의 경우, 호출되는 상황에 따라 css를 변경할 일이 빈번히 발생한다. props로

Grid, Button 등 Unit 레벨의 컴포넌트는 최대한 인라인 스타일을 지양하자. 수정될 일이 많다. Styled 컴포넌트를 왜 사용할까? 컴포넌트는 한번 정의되는 순간 수정이 힘들다. 예를들어 디자인, 기능, 마크업이 정의되었다면 재활용할 때 조금씩 바뀌는 코드

CSS mosules는 css를 모듈처럼 사용할 수 있는 장점이 있다.원리는 보면 클래스 명을 해쉬 값을 붙여 다시 생성하고, 그 값을 모듈로 내보내서 사용하는 것이다.styles에는 객체 형식으로 { table: table-hash } 클래스 이름이 Key가 되고 재

UNIX timestamp: UNIX는 s(초)를 기준으로 시간을 계산하는 방법이다. js의 Date 함수는 timestamp를 입력받지만 ms(밀리초)가 기준이기 때문에 UNIX 값을 입력하는 경우 상당히 먼 과거의 날짜를 반환하게 된다. 따라서 UNIX 값을 가지고

이 글을 쓰게 된 이유는 크라우드 방식의 웹 어플리케이션 배포 서비스 중, Heroku 만의 장점이 있기 때문이다.github 계정과 연동하여 Heroku가 내장하는 CI/CD 방식에 의해 간단하게 build 후 배포 가능.env 를 통해 환경변수를 사용하는 경우 He

분석하기 \B는 단어의 경계(맨 앞, 맨 뒤, white space가 없는 경우)칭한다. 구분자(,)를 삽입할 때 경계선에 삽입하는 경우 ,123 혹은 123,이 될 수 있기 때문에 넣어준다. x+는 x가 1회 이상 반복되는 경우 일치한다. x(?!y) x 뒤에

1. useCallback 일반함수에서는 적용되지 않으나, 해당함수를 useCallback으로 memo했을 때 발견된 문제가 있었다. 상황 document.addEventListener에 useCallback으로 메모라이징한 함수를 사용할 경우, removeEven

2.1 리팩터링 정의 소프트웨어의 겉보기 동작은 그대로 유지한 채, 코드를 이해하고 수정하기 쉽도록 내부 구조를 변경하는 기법. 리팩터링은 성능 최적화와 비슷하다. 둘다 코드를 변경하지만, 다른점이라면 리팩터링은 코드를 이해하기 쉽도록 변경하는 것이고, 성능 최적화는