본문 바로가기

분류 전체보기317

[React]React-dom 과 render 리액트 18기준 레거시가 된 render 함수의 구조를 간단히 들여다 보자 render함수는 react-dom 패키지의 ReactDomLegacy로 분류 되어 있다. export function render( element: React$Element, container: Container, callback: ?Function, ) { if (__DEV__) { console.error( 'ReactDOM.render is no longer supported in React 18. Use createRoot ' + 'instead. Until you switch to the new API, your app will behave as ' + "if it's running React 17. Learn " + .. 2022. 7. 17.
프론트엔드 설계 고민 -5- 큰틀은 대략적으로 잡았으니 조금 더 작은 부분들을 고민해보자. SPA 개발 즉, 모던 웹개발로 들어오면서부터 웹프론트의 UI의 경우 기본적으로 기존의 페이지 단위나 템플릿 단위의 개발에서 컴포넌트 단위의 개발로 개념이 조금 변경 되었다. 기존에는 마크업이나 스타일링을 HTML과 CSS로 그리고 JS로 필요한 동적인 조작을 하는 정도 였다면 모던 웹개발에서는 JS를 기반으로 HTML(마크업)과 CSS(스타일링)등을 모두 관리한다. (예: JSX) 그러다보니 기존 HTML, CSS와 많은 부분 같으면서도 다른 특징을 가지는데 HTML,CSS와 JS로 된 DOM, CSSOM의 차이점에서 오는 부분이라고 볼 수 있다. HTML과 CSS, JS로 개발을 진행할때는 각 영역이 독립적이고 서로 침범하지 않는게 미덕이.. 2022. 7. 10.
[JS]스와이프 기능을 만들어보며. 바닐라 js로 다양한 기능을 간단히 만들어보는 js-util 프로젝트의 10번째 모듈로 간단한 스와이프 슬라이드를 만들어 보았다. https://github.com/yoonjonglyu/js-util GitHub - yoonjonglyu/js-util: html, css, js, vanillajs, animation, module & util html, css, js, vanillajs, animation, module & util - GitHub - yoonjonglyu/js-util: html, css, js, vanillajs, animation, module & util github.com 회사에서 자주 쓰이는 프론트엔드 기능중 하나로 슬라이드 기능이 없는 스와이프 기능이 있다. 해당 기능을 구현.. 2022. 7. 2.
메타버스에 대한 개인적인 생각 이번에 메타버스 엑스포에 참석해보면서 느낀점들과 개인 생각을 간단히 정리해보는 글. 1. 메타버스는 결국 일종의 증강현실 개념에 가깝다. 풀 다이브 경험의 경우 아직 기술적으로 불가능하고 비슷한 것은 추후 미래에도 가능할 것 같지만 다르게 분류 되어야 할 것같다. 2. 사물 인터넷, 홀로그램, AR 기어 등 하드웨어 적인 요소와 연결성이 좋아보인다. 순수 소프트웨어로는 제한적이다. 3. 기존 형태와 다른 체험 방식으로 색다른 경험을 할 수 있게 해주지만 높은 피로감을 동반한다. 디지털 문화와 아날로그 문화가 공존하듯이 기존 플랫폼과의 연결성이 중요해보인다. 모든 부분을 증강현실을 통해서 체험하기보다는 자유롭게 오고 가는게 기술의 방향성에 더 적합할 것으로 보인다. (메타버스 네이티브들 입장에서는 다를 수.. 2022. 6. 16.

티스토리툴바