React.createElement : html 태그 만들기ReactDOM : 리액트에서 어떤식으로 컴포넌트를 만들지 웹 화면에 실제로 구현하는 역할(렌더링 역할)state : 컴포넌트의 강점 중 하나로 상태는 바뀔 여지가 있는 부분을 설정JSX : Javascript

사용자 정의 훅 : 기존 훅을 조합해서 생성자주 사용되는 사용자 로직을 사용자 정의 훅으로 정의하고 사용중복 코드를 제거하며 편하게 사용할 수 있음ui 컴포넌트를 모아 문서화하고 보여주는 오픈소스 툴컴포넌트를 storybook에 등록시켜 놓으면 어떤 컴포넌트가 있는지

함수, class를 사용하여 컴포넌트 생성props : 함수 파라미터로 데이터를 주고 받을 수 있음defaultProps : 값을 넘기지 않았을 경우를 대비해 defaultProps를 통해 default 값을 지정해 놓을 수 있음propTypes : 넘겨진 값의 타입을

📚TIL day39 React View만 관리하는 라이브러리로 다른 부분은 책임지지 않음 react는 컴포넌트의 조합으로 View를 구성하기 때문에 컴포넌트는 react의 가장 중요한 요소 가상돔을 사용하여 필요한 부분만 한번에 렌더링하기 때문에 최적화 없이 빠른 성

기본적인 도메인주소로만 요청이 들어가기 때문에 다른페이지들에선 요청이 보내지지 않음기타 특별한 처리 없이도 바로 페이지를 구분해서 서비스를 만들 수 있음하나의 도메인을 사용해서 요청만 처리하기 때문에 검색 최적화의 단점이 있음해시모드에선 새로고침시 서버에 전송되는 요청

📚TIL day38 Vuex Store store는 전혀 관련 없는 컴포넌트들 사이에서도 데이터를 활용할 수 있기 때문에 유용 상태관리 패턴 : state(중앙집중화로 관리하는 데이터), view(화면에 보여지는 내용), action(반응성 데이터들을 동작) crea

데이터를 전달하는 방식이 점점 확장되고 있다는 생각이 들었다. props에서 provide-inject, store까지 다양한 방식의 데이터 전달이 있다는 것을 알게 됐다. 데이터를 전달하는 방식을 잘 공부하고 차이점을 파악해서 내가 필요할 때 적합한 기능을 사용하도

📚TIL day37 $translate app.config.globalProperties.$http = () => {} this.$http 통해 접근할 수 있음 $는 전역화된 기능에 붙어져있기 때문에 대부분 붙여서 사용하지만 생략도 가능 Plugin 만들기 mixin

오늘 webpack강의를 들었다! webpack의 기본 사용법이 parcel에 비해서 까다로워서 공부하는 것이 쉽지 않았다ㅠㅠ 그래도 필요한 기능을 파악하고 하나씩 설치해나가면 굉장히 편리하게 원하는 기능 옵션을 설정하여 사용할 수 있겠다는 생각이 들었다! 지난주 c

📚TIL day35 npm nvm npx day36 Components SFC(Single File Components) Parcel Webpack <span style="background-colo

폼 입력을 바인딩하는 방법을 배웠다. html을 사용하면서 form태그를 많이 사용해보지 못했는데 form을 통해 다양한 기능을 제공받을 수 있다는 점을 알게됐다. 내가 알고있던 것은 input 정도였는데 ㅎㅎ.. 생각보다 더 많은 기능이 있다는 것도 알게됐다. 데이

📚TIL day34 list rendering 상태유지 : 데이터를 변경했을 때 변경된 데이터를 전부 다 DOM에 반영하여 변경하는 것이 아닌 최적화 과정을 거침 단방향 데이터 바인딩 : 한쪽 방향에서만 데이터가 연결되며 데이터를 가져와서 출력하는 것만 가능 양방향

📚TIL day33 Computed 데이터를 조작할 때 표현식이나 methods를 사용할 경우 중복실행될 때 이미 결과값을 알고 있음에도 불구하고 여러번 계산해야하기 때문에 효율성이 떨어짐 computed: 캐싱기능이 있어 첫번째 출력시 계산된 데이터를 캐싱했다 이후

vue.js는 html구조를 데이터 옵션을 통해서 연결할 수 있음반응형 데이터, 반응성 : 데이터가 변경될 때 반응해서 연결되어있는 화면도 같이 바뀜createApp : vue어플리케이션을 생성할 때 사용하는 매소드mount : 어플리케이션과 html요소를 연결하기 위

content(data) : 소괄호로 데이터를 전달하여 using을 통해서 받아 styleblock에서 사용 가능SCSS와 SASS의 차이 : 대부분 중괄호와 세미콜론의 차이이지만 SASS는 @mixin을 =으로 @include을 +으로 사용@extend : 작성해놓은

스타일을 정의해서 필요한 곳에 재활용 할 수 있음@mixin : 이름을 지정 후 브라켓 내부에 재활용할 내용을 입력@include : 정해놓은 스타일을 가져와서 사용할 수 있음변수와 기본값의 사용삼항 연산자 : if(condition, true, false)mixin

개발을 하면서 CORS 에러를 접해본 경험이 있을 것이다. 이 에러는 CORS 정책을 위반할 때 발생 하는 에러로 서버쪽에서 발생한 문제이다. 우선 SOP에 대해서 사전에 알고 CORS를 얘기하는 것이 좋다. 정확하게 하는 일을 알아보기 위해 URL 구조를 파악할

📚TIL day31 Transform 3D transform-origin : transform이라는 속성을 통해서 변환될 때의 기준점 설정 transform-duration : 전환효과를 지속하는 시간 설정 rotateX/ rotateY : x축, y축을 기준으로 회

repeat minmaxgrid-row/columnsfit-contentfraction(fr)min/max-contentword-breakauto-fill다시 CSS 강의 주간으로 돌아왔다 ㅎㅎ CSS를 제대로 공부한 적 없기 때문에 배우는 모든 것들이 새로웠다! 함수

사진 검색기 실습을 했다! 검색했을 때 검색어를 추천해주는 API를 사용해서 추천 검색어를 보여주는 기능을 구현했다. 사용하던 것들을 하나하나 만들어가는 즐거움이 있다. 그리고 검색어 추천 API에서 1주차에 배웠던 트리를 사용한 검색어 추천기능을 떠올렸다. 배운 것