치춘짱베리굿나이스

[프리온보딩] 220521 그룹과제 #2 본문

프로젝트/원티드 프리온보딩

[프리온보딩] 220521 그룹과제 #2

치춘 2022. 5. 22. 02:00

그룹과제 #2

공식적인 내생각

모든 작업물을 머지하고 붙이기까지 완료했다

이제 리드미 이쁘게 작성하고 폴더구조 약간 수정하고 조금씩 다듬는 과정만 남았다 그리고 강의 추가정리까지….

이번주는 그래도 꽤 널널한 편이었던 것 같아서… 대신 공부 외적으로 이런저런 일이 많았어서 정신없긴 마찬가지였다

다음주가 두려워진다………. 생각해보니 5월도 끝이네 슬슬 ㅎ.ㅎ;; 취업하고싶다

작업 내용

깃허브 Readme 중앙정렬 적용하기

<p align="center">
  // 내용
</p>

p 태그를 이용하면 태그 내의 문자열을 중앙정렬 할 수 있다

그냥.. 마크다운 문법 쓰면서 html 문법이 먹힌다는 걸 망각해서 기록차 적어봄

<p align="center">
  <h1 align="center"> 검색어 추천이 있는 검색 창 구현 </h1>
</p>

p 태그 내에 h1 등 헤더 태그에는 중앙정렬이 적용되지 않으므로 h1 태그에 어트리뷰트 한번 더 지정

<p align="center">
  <img src="이미지">
  <a href="/"><h2 align="center">배포 페이지</h2></a>
</p>

이미지 중앙정렬도 된다

<table align="center">
  <thead>
    <tr>
      <th>가나다라</th>
      <th>가나다라</th>
      <th>가나다라</th>
      <th>가나다라</th>
    </tr>
  </thead>
</table>

테이블 중앙정렬은 table 태그에 align=”center” 어트리뷰트를 적용

디스코드 공유 내용

  • 모든 린터 (eslint, prettier, stylelint) 에러 또는 워닝 전부 없애기
  • 실행불가한 패키지 하나도 없도록 하기 (타입스크립트일 경우 타입스크립트 전용 라이브러리인지 또는 @types 등의 접두어 체크
  • 로컬 스토리지 사용할 경우 로컬스토리지 비어있을 경우 예외처리 체크
  • 콘솔 로그에 빨간색, 노란색 에러로그 나오지 않게 하기
  • 타입스크립트 타입 꼭꼭 확인하기
  • dangerouslySetInnerHTML 지양
  • <mark><strong> 등의 태그를 글자 사이에 끼워넣고 싶다면 기준문자열로 split 후 태그로 감싸서 join하기
  • HTML 태그 이상하게 적지 않도록 체크
  • inline 태그 (a, span) 안에 block, flow 태그 넣지 않기
    • a, span 안에 pdiv 넣지 않기
    • 진짜 어지간하면 span으로 다른 태그 감싸지 말자 똥이다
  • 사용하지 않는 기능이나 라이브러리 최대한 지워버리기
    • package.json 체크하는 회사도 많다
    • 어디에 사용하는지 확실히 염두에 두고 대답할 수 있어야 한다
  • ENFP 는 무섭다

오늘 정리한 내용

redux + toolkit

redux + toolkit 1

 

redux + toolkit

Redux toolkit 설치 $> npm i @reduxjs/toolkit $> yarn add @reduxjs/toolkit npm 링크 @reduxjs/toolkit @reduxjs/toolkit The official, opinionated, batteries-included toolset for efficient Redux develo..

blog.chichoon.com

 

Comments