til38 [프리온보딩코스] 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. [JavaScript] 이벤트 루프 🙋♀️목차 JavaScript는 싱글 스레드로 동작?! 브라우저 환경 비동기 코드는 어떻게 작동하는가? 헷갈리기 쉬운 예제 (0초 후에 실행?) 💻Javascript는 싱글 스레드로 동작?! ✅싱글스레드 = 한 번에 하나의 작업만 수행 그런데 어떻게 비동기로 일을 처리할 수 있는거지?🤔?? → 자바스크립트가 구동되는 환경(브라우저, Node.js 등)에서는 주로 여러개의 스레드가 사용되며, 이러한 구동 환경이 단일 호출 스택을 사용하는 자바 스크립트 엔진과 상호 연동하기 위해 사용하는 장치가 바로 이벤트루프!! 💻브라우저 환경 위 그림은 브라우저 환경을 간단하게 그림으로 표현한 것이다. 자바스크립트 엔진 (자바스크립트 코드를 해석하고 실행하는 인터프리터) Heap : 메모리 할당이 일어나는 부분 Cal.. 2021. 8. 14. 브라우저의 작동 원리 🙋♀️목차 브라우저에 관하여 브라우저 브라우저의 구성 렌더링 엔진 브라우저마다 다른 렌더링 엔진을 사용 렌더링 엔진의 목표 렌더링 엔진의 동작 과정 UI가 업데이트 되는 상황 UI 업데이트 프로세스 UI 업데이트 처리 방법에 따른 분류 💻브라우저에 관하여 ✅브라우저 웹 서버에서 쌍방향 통신하는 HTML문서나 파일과 연동하고 출력하는 그래픽 사용자 인터페이스 기반의 응용 소프트웨어 웹서버에 웹페이지 요청 → 웹 서버로부터 응답을 받음 → 응답(HTML문서 등)을 읽어서 해석 → 사용자에게 보여줌 구글 크롬, 인터넷 익스플로러, 모질라 파이어폭스 등이 대표적인 예 ✅브라우저의 구성 사용자 인터페이스 : 주소 표시줄, 이전/다음 버튼, 북마크 메뉴 등 (요청한 페이지를 보여주는 창을 제외한 나머지 모든 부분.. 2021. 8. 13. 이전 1 2 3 4 5 6 7 8 다음
