<kimNerd />

오늘 공부한 내용 📝

• 자바스크립트 코딩테스트 입문 문제 풀이 완

궁금한 내용 / 부족한 내용 🧐

• 자바스크립트 코딩테스트 레벨 1
• 자바스크립트 코딩테스트 레벨 2

느낀 점 🤔

• 꾸준히 하니까 좋았다.
• 매일 분량을 정해주고, 열람 못하게 하고, 또 스스로 블로그에 포스팅하면서 루틴을 확립할 수 있었다.

오늘 공부한 내용 📝

• React
  • 프로필 링크 태그를 추가했다.
  • 이메일의 경우, emailto 대신에 gmail이 사용될 수 있는 방법을 찾고 이를 적용했다.
  • 모달을 구현하고, 모달이 열렸을 때, 스크롤 고정하는 법이나, 보고 있는 위치에 따라 모달이 나타나는 위치를 다르게 하는 방법을 체득하고 익숙해졌다. 

궁금한 내용 / 부족한 내용 🧐

• position에 대한 정리가 필요해 보인다. 

느낀 점 🤔

TIL 밀린 건 다 적었으니, 이제 다시 프로젝트 진행하면서 배운 내용 멋지게 문서화 해보자. 

오늘 공부한 내용 📝

• React
  • 미디어 쿼리를 활용한 반응형 웹을 구현했다.
  • 이미지가 넘어가는 모달을 구현했다.
  • 이미지 변경 시 애니메이션을 keyframe을 통해 추가 했다. 
  • 이미지 URL이 담긴 배열 데이터를 JSON에 담고 데이터를 화면 상에서 보여주는 것에 대해 익숙해졌다.
• React-Native
  • 수업 요일 및 시간 추가 컴포넌트를 기존 폼 컴포넌트에서 분리해서 관리하고자 했다.
  • 시작일 설정 컴포넌트를 추가했다.
  • 수업 요일 추가 시 state가 한 박자 늦게 나타나는 오류를 setState에 배열에 데이터를 추가할 때, 새롭게 배열을 선언하고 이를 setState에 반영하는 방식과 useEffect를 함께 활용하면서 해결했다.  

궁금한 내용 / 부족한 내용 🧐

• 내가 원하는 디자인이 모바일이나 다른 기기에서도 잘 보여질 수 있도록,
  em, rem 사용법에 조금 더 익숙해지고, 노련해질 필요가 있어 보인다.
• 비동기, 동기에 관한 이론적 정리가 필요해 보인다. 알고 있지만 헷갈릴 때가 있다. 

느낀 점 🤔

잘하고 있다.

오늘 공부한 내용 📝

• React Native
  • dayjs 라이브러리 설치 및 사용법 숙지
  • DayPicker 라이브러리 설치 및 사용법 숙지
  • 과외 수업 추가 스크린 컴포넌트 구현
  • 수업 시간 선택 모달 라이브러리 통해 구현
• React
  • JSON 파일에서 데이터 사용법에 대하여 조금 더 확실하게 알게 되었다.
  • 예를 들어, 객체 안에 객체가 들어가거나, 객체 안에 배열이 들어갔을 때,
    어떤 식으로 호출해야 하는지에 대해 익숙해진 것 같다.

궁금한 내용 / 부족한 내용 🧐

• dayjs에서 날짜 타입을 문자열 타입으로 바꾸거나, 해당 문자열의 포맷을 바꾸는 것에 더 익숙해져야 할 것이다. 
  

느낀 점 🤔

잘 해내가고 있다. 하나씩 배워가면 된다. 밀리지 않게 열심히 하자.

오늘 공부한 내용 📝

• React - 개인 포트폴리오 프로젝트
  • 여백을 줄 수 있는 Margin 컴포넌트 구현
  • 폰트 및 아바타 이미지 추가
  • 마크다운 h1, h2, h3에 대한 정규표현식 구현
  • 육각형 다이어그램 UI 구현
  • 홀로그램 색상 애니메이션 구현

궁금한 내용 / 부족한 내용 🧐

• 육각형 다이어그램 구현하는데 있어서,
  처음에는 라이브러리를 사용하려 했다가,
  커스터마이징이 어려운 부분을 느끼고,
  직접 다이어그램을 구현했다.
• 이에 대한 위치와 배치가 조금 더 깔끔하게 들어갔으면 한다. 

느낀 점 🤔

이 날은 지금 보니까 폭풍 작업을 했던 날이었다.항상 이 날과 같기를...

오늘 공부한 내용 📝

• React - 마크다운 라이브러리를 사용하는 대신에, 직접 마크 다운 파일을 불러와 정규표현식을 통해, 문법을 html로 바꿔줄 수 있도록 했다.
• MarkdownRenderer와 MarkdownReplacer 컴포넌트로 기능을 관리했다. 

궁금한 내용 / 부족한 내용 🧐

• 정규표현식을 다 외울 필요는 없어 보이지만, 그래도 지금보다 더 익숙해졌으면 한다. 

느낀 점 🤔

문서화를 꾸준히 하자.

오늘 공부한 내용 📝

• React에서 Markdown을 어떻게 불러오고 사용하는 지에 대하여 배웠다.
• React-Markdown 라이브러리를 설치하고 해당 라이브러리 사용법을 익혔다.

궁금한 내용 / 부족한 내용 🧐

• 다만 내가 필요한 부분은 마크 다운이 원하는 서식으로 웹 페이지에 잘 보여지면 되는 것이기 때문에,
  굳이 라이브러리가 필요할까 하는 의문이 들었다. 

느낀 점 🤔

화이팅!

오늘 공부한 내용 📝

• React-Native - ThemeProvider 추가
• React-Native - 폰트 글꼴 추가 
  • React와 크게 다르지 않다는 점이 정말 편한 것 같다.

궁금한 내용 / 부족한 내용 🧐

• React-Native 프로젝트에 타입스크립트 적용이 시급해 보인다.  

느낀 점 🤔

잘하고 있다.

꾸준히 하자.

오늘 공부한 내용 📝

• 반응형 웹 설정 - 최대 너비 설정과 같은 부분에 익숙해짐.
• 엔티티 코드를 통한 특수문자 return 방법 복습
• 웹 폰트 추가하는 다양한 방법 터득함
• 제목, 부제목 등의 Typography 컴포넌트 분리

궁금한 내용 / 부족한 내용 🧐

• 정규표현식이 아직 익숙치 못하다.

느낀 점 🤔

생각대로 살지 않으면, 사는 대로 생각할 것이다.