import React from 'react' import {BrowserRouter, HashRouter, Route} from 'react-router-dom' import About from './router/About' import Home from './router/Home' import Detail from './router/Detail' import Navigation from './component/Navigation' function App() { return ( ) } export default App;

WEB site 헤더 영역 슬라이드 영역 배너 영역 컨텐츠 영역 푸터 영역 로그인

포트폴리오는 이렇게 만들어야쥐~ 나도 시작합니다. 이렇게 만들겁니다. 두고 보셔요~~

난 이걸 써 본적은 없지만... 이랬을까? 애플 컴퓨터를 써 본적이 없지만 이랬나? 어렸을 때 컴퓨터 학원을 가서 그림판이라는 것을 해본적은 있는데.. 디스켓 가지고 가서 실행하고 했던 기억이 나는 구나 사이트 보기

로딩 애니메이션 만들 때 도움되는 Lwder.js 로딩 애니메이션 만들기 귀찮을 때가 있다. 이걸 이용하면 쉽게 만들 수 있다. 다만 효과가 다양하지 않다는 아쉬움이 조금 있다. 사이트 보기

사이트는 같아도 색상이 다르다면 사이트는 같아도 색상이 다르다면 느낌이 아주 다르다. 포트폴리오를 만들다보면 이런 부분이 가장 중요한데 이걸 깨닫기 쉽지 않다. 특히 초보한테도 어렵ㄴ다. 그런 부분에 있어서 조금 도움이 될 수 있는 사이트다 사이트 보기

내가 원하는 THREE.JS 스킬 퀄리티가 다르다. 남들가 다를려면 이런걸 해야 하는데. 이것을 구현하기 위해서는 TypeScript, React（Create React App）, React Three Fiber（Three.js）, GLSL, InstancedMesh, gsap 를 할줄 알아야 한다. 사이트 보기

Three.js의 진수를 보여주는 사이트 Jesse Zhou의 환상적인 웹사이트: Three.js와 Blender로 만든 몰입형 3D라면 가게. 나도 이렇게 만들고 싶다. 도대체 이런건 어떻게 만드는 거야 사이트 보기

아티스트 작가 lithya.rocks 영상 아트 작품들은 three.js나 p5.js를 이용해서 표현한다. 스크립터라고 해야 하나, 영상 제작자라고 해야 하나! https://www.ilithya.rocks/

네이버웹툰, 1월 글로벌 통합 MAU 8200만명 돌파… “K 콘텐츠 산실로 우뚝” 네이버웹툰이 지난달 글로벌 월간 활성 이용자(MAU)가 사상 최대치인 8200만명을 돌파했다고 16일 밝혔다. 지난 2020년 12월 7200만명을 돌파한 이후 약 1여년 만에 1000만명이 증가한 것이다. 글로벌 이용자가 늘어나면서 유료 거래액도 증가했다. 네이버웹툰에 따르면 지난달 월간 거래액은 1000억원을 돌파했다. 앞서 네이버웹툰은 지난 2021년 8월에도 최초로 월간 거래액 1000억원을 돌파한 바 있다. 이 같은 성장은 기존 웹툰들의 해외 거래액 증가와 더불어 대형 신작과 영상화 IP 흥행 등을 통해 글로벌 이용자 유입이 대폭 확대된 데 기인한다. ‘여신강림’, ‘재혼황후’ 등 네이버웹툰의 인기 웹툰들의 1월..

# ‘글이 작품이 되는 공간’에서 ‘베스트셀러 작가가 되는 공간’으로 브런치는 ‘글이 작품이 되는 공간’이라는 콘셉트로 지난 2015년 6월 카카오가 선보인 콘텐츠 퍼블리싱 플랫폼이다. 별도의 작가 승인 제도를 통과한 엄선된 브런치 작가들이 양질의 콘텐츠를 발행하는 것이 특징이다. 브런치에서 선보인 작품들이 출간까지 이어지면서, 브런치 작가 5만 명 중 책을 출간한 작가는 2천 9백여 명, 이들이 출간한 도서는 4천 6백여 권에 달한다. 특히, 브런치를 통해 선보인 도서들이 베스트셀러에 오르면서 출간의 새로운 판로를 개척했다는 평가를 받고 있다. 는 전자책으로 출간돼 밀리의 서재 종합 차트 1위를 기록하고 종이책 출간까지 이어진 작품이며 은 2021년 6월 출간 후 6개월 만에 7쇄를 돌파했다. 이 외에..

Bruno Simon님의 최신 실험 작품입니다. Three.js를 사용하여 Doom Portal 재창조 하였다. 대단하다, 말이 안된다.

오버레이 메뉴 화면 전환 효과 SVG

SVG 파비콘 만드는 방법 전통적으로 파비콘은 ico 파일로 만들었지만 현재는 svg 파일로도 가능하다. SVG로 만들면 용량도 매우 적고 백그라운드 투명도도 지원하기 때문에 다크 모드 했을 경우 더 좋다 자세히 보기

웹 표준을 준수하면서 코딩하는 방법과 네이밍 주는 방법 이 사이트는 가장 많이 사용하는 유형에 이름을 주는 방법과 웹 표준을 준수하는 방법을 보여주는 사이트입니다. 코딩을 하다가 이 부분은 어떻게 코딩을 하고 이름을 줄지가 고민이 된디면 이 사이트를 참고하면 된다. 디자인도 너무 깔끔하고 보기 좋게 되어 있어서 좋다. 굳!! 더 보기 싶다면 아래를 클릭하시요~ 여기서 보기

DOM 구조를 컨트롤 할 수 있는 자바스크립트 모음 사이트입니다. 도움이 되시실 https://htmldom.dev/ Manage HTML DOM with vanilla JavaScript Manage HTML DOM with vanilla JavaScript htmldom.dev

See the Pen ASScroll Basic Demo by Ash Thornton (@ashthornton) on CodePen. 부드러운 스크롤 효과 자바스크립트 라이브러리 사이트 제작시 부르럽게 주는 효과는 사이트의 퀄리트를 좌지우지 한다. 그만큼 부드러운 효과는 중요하다. 이런 부드러운 효과를 제공해주는 자바스크립트는 라이브러리 파일이다. 여기서 확인하기

이런걸 어떻게 만드는지 설명하는 것도 대단하다. 이 설명을 이해하는 사람도 있을까나? https://varun.ca/three-js-particles/

Three.js를 바탕으로 돌아가는 플러그인 같은 사이트. 종류가 엄청 다양하지는 않지만, Three.js 에서 많이 쓰이는 효과를 쉽게 만들 수 있는 플러그인 같은 사이트입니다. 몇 줄의 코드만으로 퀄리티 있는 효과를 만들 수 있지만. 내손으로 만들고 싶다. 만든 놈 대단하네~ 지독한 놈 https://www.vantajs.com/ Vanta.js - 3D & WebGL Background Animations For Your Website Gallery of customizable plug & play animated backgrounds using three.js www.vantajs.com

사이트 겁나 잘 만들었네~ https://pinch.ouiwill.com/

베지에 곡선 프랑스의 공학자 피에르 베지에서 이름은 딴 베지에 곡선은 모션이나 그래픽에서 많이 사용되는 공식이다. 베지에 곡선을 표현하기 위해서는 두개의 점이 필요한데. 이것에 대한 공식을 웹에서도 그대로 사용할 수 있으며, 이것에 대한 디테일한 정보가 나온 사이트다. 젠장 무슨말인지 하나도 모르겠다. 이걸 만든 님은 대단한 듯 이걸 해석하는 분들이 몇 명이나 있는지 모르겠지만 도움되는 분들은 참고하시길 https://pomax.github.io/bezierinfo/index.html

Three.js의 활용성이 증대되면서.. 3D 아이콘을 무료로 다운 받을 수 있으며, 상업적으로 써도 상관이 없다. 아이콘 퀄리티도 상당하지만 이 서비스를 three.js를 통해 제공하고 있다. 나도 이런 사이트 한번 만들어 봐야 겠다. 이미지도 내가 원하는 각도와 색상에 따라 다운이 가능하다. 사이트 바로가기

CSS 선택자를 얼마나 아시나요? CSS 선택자를 이용하여 다음의 문제를 풀면 레벨을 통과하는 게임입니다. 선택자를 생각보다 많이 사용하지 않기 때문에 은근히 어렵다는 점. 밑에 힌트도 나오니 참고해보세요 https://css-speedrun.netlify.app/

M1X - Mapping Robot M1X는 실내 3D/HD맵을 제작하는 로봇입니다. LiDAR로 수집한 포인트 클라우드에 SLAM 기술을 적용하여 만든 고정밀 지도는 서비스 로봇이나 AR 내비게이션 등 다양한 위치 기반 서비스에 활용됩니다. 기존 M1 로봇의 성능을 업그레이드한 M1X는 정확도와 데이터 활용성을 크게 개선하였습니다. 네이버 최초의 로봇은 M1입니다. 2016년에 첫 공개한 M1은 실내 공간의 3차원 고정밀 지도를 만드는 매핑로봇입니다. 위에 보이는 이미지가 바로 M1이 만든 지도입니다. 우리가 일반적으로 보는 지도와는 많이 다르죠. 이 지도는 누구를 위한 것일까요?

R1 - Mobile Mapping System R1은 하이브리드 HD 매핑을 위해 개발한 모바일 매핑 시스템입니다. 카메라, 2D/3D LiDAR's, GPS, IMU, FOG, wheel encoders 등의 각종 센서를 포함하면서도 기존 MMS 장비에 비해 경량입니다. R1이 이동하며 수집한 2D/3D 데이터에서 feature들을 자동 추출한 후, 미리 촬영된 항공사진으로 획득한 로드 레이아웃 정보와 유기적으로 결합하여 HD맵을 완성합니다

사용자가 있는 그곳에 스며들도록… 자유로운 형태·제약 없는 움직임 언제 어디서나 자유롭게 일하는 ‘노마드 워커(Nomad Worker)’가 늘어나고 있다. 이들은 시공간의 제약을 뛰어넘게 해주는 물건을 선호한다. 양손을 자유롭게 해준 블루투스 이어폰, 청소의 부담을 덜어준 로봇 청소기 같은 제품이 대표적인 예. 삼성 ‘더 프리스타일’은 사용자가 원하는 공간에서, 원하는 방식으로 가장 좋은 화면을 볼 수 있게 해주는 제품이다. 조철용 디자이너는 “자유롭게 이동할 수 있고 다양하게 사용이 가능한 형태를 고민했다”고 설명했다. 조명으로도 사용이 가능하다. 색상 선택도 가능하다. 밧데리도 따로 충전이 가능함 이런 부분이 제일 좋다. 내가 디자인을 해서 이렇게 작품으로 승화시키는 부분 어디에서나 뒤틀림 없는 16..

카카오가 글로벌 시장 공략과 미래 먹거리 발굴에 힘을 싣고, 사회적 책임을 다하는 성장을 하기 위해 새로운 리더십을 세우고 경영 쇄신에 나선다. 카카오는 20일 오전 이사후보추천위원회를 열고 현 카카오 미래이니셔티브센터 남궁훈 센터장(南宮燻, Whon Namkoong)을 단독대표 내정자로 보고했다고 밝혔다. 남궁훈 대표 내정자는 오는 3월로 예정된 주주총회와 이사회를 거쳐 공식 대표로 선임될 예정이다. 여민수 대표는 최근 사회의 강도 높은 지적에 대해 책임을 통감하며 대표이사 자리에서 물러나겠다는 의사를 밝혔다. 이에 카카오는 카카오게임즈를 성공적으로 성장시키는 경험을 축적하고, 카카오 미래이니셔티브센터장으로서 카카오의 미래를 준비해온 남궁훈 센터장을 대표로 내정했다. 카카오톡 다음 단계의 비전을 고민해..

미국/중국 외 다른 국가에서 서비스하는 단일 앱으로 거둔 성과로 더욱 의미 깊어 카카오픽코마(대표 김재용)가 운영하는 세계 최대 만화 플랫폼 '픽코마'가 작년 한 해 동안 전 세계 모바일 소비자들이 가장 많이 지출한 앱(게임 제외) 6위에 올랐다. 미국과 중국 앱들이 순위에 포진한 가운데 10위 안에 든 다른 국가 앱은 픽코마가 유일했다. 모바일 데이터 및 분석 플랫폼 앱애니(App Annie)가 최근 발표한 ‘2022년 모바일 현황 보고서’에 따르면 작년 한 해 동안 글로벌 모바일 시장에서 소비자가 가장 많이 지갑을 연 앱 순위에서 픽코마는 6위를 차지했다. 기업별 순위에서도 카카오픽코마는 전체 8위를 기록했다. 글로벌서비스들이 즐비한 시장에서 일본에서만 단일 앱을 운영하며 순위 안에 든 사례라서 더욱..

네이버 D2SF, 클로아에 후속 투자 네이버 D2SF가 2020년 투자를 진행한 데이터 기술 스타트업 ‘클로아’에 후속 투자했다. 클로아가 이번 시드 라운드에서 유치한 투자금은 총 60억 원 규모로, 위벤처스가 리드 투자했다. 스톤브릿지벤처스, KB인베스트먼트, 메가존, 슈퍼패스트, 티인베스트먼트 등도 공동으로 투자했다. 클로아(대표 임성은)는 메타데이터 관리부터 데이터 분석∙문서화∙공유까지 데이터 저장∙처리∙분석을 아우르는 올인원 SaaS(Software as a Service)를 개발 중이다. 데이터 애널리스트∙사이언티스트를 위한 제품으로, 다양한 클라우드에 분산돼 있는 데이터를 간편하게 통합 처리할 수 있는 것이 강점이다. 클로아의 핵심 개발진은 데브시스터즈, 샌드버드, 지그재그 등에서 경험을 쌓은..

카카오엔터프라이즈 AI 기술의 즐거운 체험, Tech Ground 테크 그라운드는 카카오엔터프라이즈 AI 개발자들이 만들어 나가고 있는 기술 체험 공간입니다. “AI를 더하여 일상을 새롭게” 만드는 비전은 어떻게 시작될까요? 집에 불 켜놓고 외출 했을 때 가장 먼저 생각나고, 잠 안 오는 새벽에 말동무가 되어주고, 길가에 핀 꽃의 이름을 사진만 보고도 알려주고, 나에게 어울리는 옷 스타일을 내 맘에 쏙 들게 추천해주는 내 일상에서 더 편하게 만나는 카카오 AI. AI 기술을 통해 새롭고 실험적인 시도를 해 나가는 카카오엔터프라이즈 개발자들과 함께 Tech Ground에서 AI 같이 해봐요. https://labs.kakaoi.ai/