nana_log

좋아하는 걸 좋아하는 나나 🤟

Library

프롤로그 Framer-motion은 Framer가 제공하는 리액트용 애니메이션 라이브러리입니다. NomadCoders의  를 듣던 중, framer-motion 라이브러리를 사용하는 내용이 있어 공식 문서를 슥 훑어보았는데요, 아니... 이것은... 애니메이션 총집합 선물세트?! 정말 다양한 애니메이션 모션을 제공하는 멋쟁이 라이브러리였습니다. 공식 문서 보러 들어갈 때마다 구글 번역을 쓰기 귀찮아서 일부 내용만 발췌해 쫌쫌..

2022.09.08

CSS

프롤로그 이런 분들을 위한 글입니다.  - CSS를 다룰 수 있어요  - 하지만 Sass는 잘 몰라요 아무튼 Sass 시리즈 1. 시작하기 - Sass 개념, 컴파일러 설치 2. 기본 작성법 익히기 - 중첩, 참조, 변수, 보간 3. 더 편하게 CSS 다루기 - mixin, extend, 모듈화(import/use) 이번 글에서 다루는 것: - mixin - extend - 모듈화(import/use) 1) 믹스인: 찍어내기 틀 이번에는 조금 더 우리의 작업을 편하게 해줄 Sass 문법..

2022.07.07

CSS

프롤로그 [아무튼 Sass] 1. 시작하기의 다음 글입니다. 두 번째 글이지만 어느덧 반년만... 😉💦 이런 분들을 위한 글입니다.  - CSS를 다룰 수 있어요  - 하지만 Sass는 1도 몰라요 아무튼 Sass 시리즈 1. 시작하기 - Sass 개념, 컴파일러 설치 2. 기본 작성법 익히기 - 중첩, 참조, 변수, 보간 ✔️ 3. 더 편하게 CSS 다루기 - mixin, extend, 모듈화(import/use) 이번 글에서 다루는 것: - 중첩, 부모참조 선택자 - 변수,..

2022.04.05

Loves

프롤로그 이 글의 두 번째 글입니다. 대충 일기를 모아서 제본했다는 내용이에요 📚 (1편을 작년에 쓰고 2편을 올해 쓰다니...) 실제로 책 제본을 진행하면서 어떤 식으로 했는지 정리해봤습니다. 개인제본 하실 때 참고하세요! 1. 글 모으기 우선 책으로 만들 글을 한데로 묶습니다. 저는 노션에 적은 일기를 모아서 하나의 텍스트 파일로 취합했어요. 여기에 사진이나 그림 같은 요소를 얼마나 넣을지, 여백은 얼마나 넓게 잡..

2022.03.09

Library

이 글은 NomadCoders의 의 내용 일부를 정리한 글입니다. 🙇🏻‍♀️ 멋진 강의 감사합니다 🙇🏻‍♀️ 개인 스터디 글로, 맞지 않는 내용이나 더 나은 방법을 공유해 주신다면 복받으실 거예요 👼✨ 1) 시작하기 2) 기능 연습 & 3) 앱 만들기 4) styled-components 5) 𝒘𝒊𝒕𝒉 타입스크립트 ☀︎ 5-1. 타입스크립트 5-1-1. “타입” 스크립트? 자바스크립트는 너무나 관대(?)해서 오냐오냐 하고 넘어갈 때가 많습니다. const..

2022.02.13

Library

이 글은 NomadCoders의 와 <벨로퍼트와 함께하는 모던 리액트 강의 노트>의 내용 일부를 정리한 글입니다. 🙇🏻‍♀️ 멋진 강의 감사합니다 🙇🏻‍♀️ 개인 스터디 글로, 맞지 않는 내용이나 더 나은 방법을 공유해 주신다면 복받으실 거예요 👼✨ 1) 시작하기 2) 기능 연습 & 3) 앱 만들기 4) styled-components ☀︎ 5) 𝒘𝒊𝒕𝒉 타입스크립트 4-1. 스타일드 컴포넌트? Styled Components는 컴포넌트 단위로 스타일링하기..

2022.02.09

Library

이 글은 NomadCoders의  강의 내용을 정리한 글입니다. 넘나 좋은 강의 (게다가 무료!) 🙇🏻‍♀️ 감사합니다 🙇🏻‍♀️ 개인 스터디 글로, 맞지 않는 내용이나 더 나은 방법을 공유해 주신다면 복받으실 거예요 👼🙌 1) 시작하기 2) 기능 연습 & 3) 앱 만들기 ☀︎ 4) styled-components 5) 𝒘𝒊𝒕𝒉 타입스크립트 2. 연습하기 2-1. To-do App 지금까지 배운 걸 활용해 간단한 투두리스트를 만들어 봅니다! 우선 투두를 입..

2022.02.03

Library

이 글은 NomadCoders의  강의 내용을 정리한 글입니다. 넘나 좋은 강의 (게다가 무료!) 🙇🏻‍♀️ 감사합니다 🙇🏻‍♀️ 개인 스터디 글로, 맞지 않는 내용이나 더 나은 방법을 공유해 주신다면 복받으실 거예요 👼🙌 1) 시작하기 ☀︎ 2) 기능 연습 & 3) 앱 만들기 4) styled-components 5) 𝒘𝒊𝒕𝒉 타입스크립트 1. 시작하기 1-1. 작업 환경 준비 먼저 node.js 가 설치됐는지 확인! $ npx create-react-app {app-name} CL..

2022.02.01

etc.

"크크킄 그녀석은 기사 중 최약체지" 라는 말을 듣는 정처기지만, 아무튼 합격했습니다! 모로 가도 땄으면 된 걸로 ;) 이런저런 일로 포스팅을 미루고 있었는데, 이것도 안 쓰면 또 까먹을 거라 더 늦기 전에 써봅니다. 혹시 관련 담당자분들 지나가다 보시면 저희 수험자들의 처절한 마음 좀 알아주시길... 🥺 2021 3회차 정보처리기사 실기 후기 3개월 노가다 정처기 필기를 2021년 1회차 때 응시했지만, 공부하기 너무너무..

2021.11.27