wecode9 [프리온보딩코스] 6주차 - 과제9 ✍알게된 것과 느낀점 redux-saga....... 어렵다! json-server window hosts파일 수정 🔥그래서 해보는 정리 1. redux-saga....... 어렵다! 하지만 redux-saga를 하기전에 넘어야하는 큰 산이 하나 있는데..... #가보자고 ✅ Generator function weirdFunction() { return 1; // 보통 함수는 return을 여러 번 할 수 없다! return 2; // 이 함수는 호출할 때 마다 1만 반환할 것이다. return 3; return 4; return 5; } 위의 예시와 달리, 제너레이터 함수를 사용하면 값을 순차적으로 반환할 수 있게 된다. 제너레이터 함수를 만들 때에는 function* 이라는 키워드를 사용한다. 제너레.. 2021. 9. 12. [프리온보딩코스] 3주차 -과제5 드디어 쓰는 과제5!! 자음 모음을 나누는 것은 자동완성 등의 기능을 구현할 때에도 유용할 것 같아서 하면서도 재밌었다. ✍알게된 것과 느낀점 유니코드란? js에서 유니코드 써보기 한글 분해하기 🔥그래서 해보는 정리 1. 유니코드란? 전 세계의 모든 문자를 다루도록 설계된 표준 문자 전산 처리 방식. 해당 글자의 코드를 표기할 때 U+ (16진수 숫자)로 작성함 → 가 == U+AC00 (10진수 44032) 한글은 한자(88,884자) 다음으로 갯수가 많다 (가, 각, 갂, 갃, ... 힠, 힡, 힢, 힣 이렇게 모든 조합이 다 들어가있음) 2. js에서 유니코드 써보기 // 문자열 → 유니코드 str.charCodeAt(index) // 유니코드 → 문자열 String.fromCharCode(num1.. 2021. 9. 6. [프리온보딩코스] 5주차 -과제8 ✍알게된 것과 느낀점 global style로 reset.css 사용하기 StyeldComponent에 변수 사용하여 애니메이션 주기 Drag and Drop 사용하기 ContextAPI + 상태관리의 어려움 TypeScript와 친해질 수 있을까? 🔥그래서 해보는 정리 1. global style로 reset.css 사용하기 src/styles/GlobalStyle.ts 를 생성하여 최상단에서 import한다. GlobalStyle을 작성할 때에는 아래와같이 import하여 적어야 한다. import { createGlobalStyle } from 'styled-components'; const GlobalStyle = createGlobalStyle` * { box-sizing: border-box;.. 2021. 8. 30. [프리온보딩코스] 4주차 - 과제7 🙋♀️잠깐만요! 왜 과제5 글이 없냐면.. 순서를 착각해서 잘못 썼기 때문에..!😭😭😭😭 일단 지금을 기준으로 (=수정된 이후) 5번째 과제 : 개인 - 한글 자음 카운트 6번째 과제 : 팀플 - 정렬과제 7번째 과제 : 개인 - 투두리스트 입니당.. 5번째 과제 얘기도 추후 올릴 예정..! (5번째 과제 추가하고 갑니다🥰 바로 보기) ✍알게된 것과 느낀점 컴포넌트 설계 헷갈리지 말자 편리한 antd filter 메서드 typescript와 친해지고 싶다 🔥그래서 해보는 정리 1. 컴포넌트 설계 헷갈리지 말자 components 폴더 안에는 재사용할 컴포넌트를 주로 모아야 한다. (레이아웃 기반x) routes.js에서 import 하는 컴포넌트는 웬만하면 components 안에 있으면 안됨 데이터가.. 2021. 8. 23. [프리온보딩코스] 4주차 - 과제6 ✍알게된 것과 느낀점 toLocaleDateString js의 split, 그리고 map 정렬.. .prettierrc 빼먹지마요 ES7을 몰랐던 과거의 나야 🔥그래서 해보는 정리 1. toLocaleDateString MDN 참고 과제에서 "ko-KR", "en-US" 형식에 맞게 날짜를 출력하는 부분이 있었는데, Locale 저거를 몰라서 하나하나 getFullYear....해서 설정하고 있었다. 요일은 심지어 한글과 영어 2가지로 나타내야 하니 배열도 두개! 코드 양도 두배! 저런게 있다고 알려주셔가지구 부모컴포넌트에서 type를 넘겨서 자식에서 확인 후 적용해줬다. // 부모 컴포넌트 // 코드 생략 return ( // 코드 생략 // 자식 컴포넌트 function DateTime({ type .. 2021. 8. 18. 이전 1 2 다음
