학교 동아리인 잔디에서 1인기업을 위한 제작,마켓 웹사이트 프로젝트를 진행하고 있다. 프론트엔드를 맡고 있고 길고 긴 아이디어 구체화부터 설계를 지나 이제 코딩을 시작하였다.

졸업작품을 만들던 중 나를 미로에 빠트리게한 부분이 있었다.요점인 코드를 간단하게 바꿔 적자면이 코드의 에러는 아래와 같이 뜬다.return 안에 test_var은 컴포넌트에서 선언되지 않았다. 이유가 무엇일까?이 두 변수는 메모리에 존재하는 시간과 변수에 접근할 수

바닐라 JS에서의 Three.js를 공부하고 이제 React에서의 활용법을 공부중이다. 꽤나 달라서 그냥 바닐라js로 구현할까 고민을 잠깐했지만 도전해보려 한다!🧐 공식문서와 유뷰브 강의를 보고 코드를 적용해보자! 영어자료라 새삼 토익 공부하는 느낌에 일석이조 같다

THREE.JS Material 1에 이어 Material 중 MeshMaterial에 대해 설명합니다.GIS DEVELOPER님의 유튜브 영상을 보고 작성하였습니다. 정말 잘 설명해주십니다. 감사합니다!mesh에 대한 가장 기본적인 재질이다. 공식문서에는 아래와 같이

THREE.JS Scene에 이어 three.js의 구성요소인 Material에 대해 설명합니다. Point와 Line을 주로 봅니다! GIS DEVELOPER님의 유튜브 영상을 보고 작성하였습니다. 정말 잘 설명해주십니다. 감사합니다!

THREE.JS 사용해보기 1에서 설명한 three.js의 구성요소인 Scene을 이용한 공간구성에 대해 설명합니다!GIS DEVELOPER님의 유튜브 영상을 보고 작성하였습니다. 정말 잘 설명해주십니다. 감사합니다!3D Object가 3차원 공간 상에 놓여지기 위해

THREE.JS Geometry에 이어 이번글에서는 ShapeGeometry, TubeGeometry, LatheGeometry, ExtrudeGeometry, TextGeometry에 대해 설명합니다! GIS DEVELOPER님의 유튜브 영상을 보고 작성하였습니다.

THREE.JS 사용해보기 2 에 이어 이번글에서는 Mesh의 형상을 정의하는 Geometry에 대한 글입니다! GIS DEVELOPER님의 유튜브 영상을 보고 작성하였습니다. 정말 잘 설명해주십니다. 감사합니다! BufferGeometry A representa

1에 이어 이번글에서는

졸업 작품 주제를 정하고 구현 기능을 계획하면서 갑작스럽게 3D 애니메이션을 구현해야 했다.2학년 수업인 컴퓨터그래픽스를 듣다 드랍했기 때문에 거의 처음 접한 영역이었다 😂캡스톤 교수님 왈 난 그래픽스 전공이 아니라 큰 도움은 못준다~ ..ㅎ 넵서론이 길지만 그래서

웹팩? 웹팩 세팅 __ > npm init npm i react react-dom npm i -D webpack webpack-cli //-D는 개발용 다운로드 npm i -D @babel/core @babel/preset-env @babel/preset-react

인프런 "웹 게임을 만들며 배우는 React"-조현영 강의를 들으며 본인이 보기 위해 작성하는 것으로 영양가 없는 내용일 수 있습니다.div로 감싸면 쓸데없이 div가 늘어난다.줄이는 방법:chrome 확장자 react 다운받기!ref는 DOM에 접근할 때 사용html

한 작업을 여러 버전의 커밋을 하지 않고, 여러 작업을 한 버전의 커밋에 하지 않기.작성방식type : subject(커밋의 작업 내용 간략히 설명)body(필요시 길게 설명)footer(breaking point나 특정 이슈에 대한 해결 작업일때 필요시 작성)comm

얄코의 제대로 파는 Git & GitHub 강의를 들으며 평소 git을 쓰면서 많이 헷갈린 부분을 정리한다.HEAD의 포인터를 커밋 해쉬 위치로 변경한다=> 커밋 해쉬 이후 커밋들을 삭제한다.예를 들면 delta-branch에서 아래 명령어를 치면이렇게 HEAD는 2n

포트폴리오용 웹을 구상중 스크롤을 가로로 넘기는게 내용을 더 효과적으로 보일거 같다는 생각이 들었다.스크롤을 가로로 하면 천체들의 크기 비교가 더 직관적으로 보이지 않을까? 싶었다.코드를 구현할까 싶었지만 쉽게 사용 가능한 모듈을 발견해버렸따!npm.js 설명천체들을

노마드 코더의 토이 프로젝트를 만들던 중 알 수 없는 에러가 떴다..구글링 결과 id라는 prop가 없거나, prop 모두를 받아오지 않을 때 생긴다고 한다. 눈 빠지게 오타를 찾은 결과.. 찾을 수 없었다ㅜㅜ 결국 니꼴라스 쌤의 깃헙에서 복붙했더니 id 말고도 다른

리액트는 버젼 업데이트가 빠른 편이다. 좋기도 하고 번거롭기도 하다ㅜㅜreact-router-dom 버젼 6이상부터는 Switch가 쓰이지 않고 Routes가 대신한다. Routes는 알아서 최적의 경로를 배정하기 때문에 태그 중 exact도 쓰이지 않는다. 공식 문서

장점뛰어난 Garbage Collection메모리 관리성능서버&클라이언트 렌더링(초기 구동 딜레이&SEO 검색엔진최적화)매우 간편한 UI 수정 및 재사용다른 프레임워크나 라이브러리와 혼용 가능단점view onlyIE8 이하 지원 안함

인프런 강의를 듣던 중 인스터스 생성하는 부분에 의문점이 생겼다. 바로 이 코드다.상위객체 =new 하위객체(); 이런 형식인 것이다. 김영한강사님의 답변에 따르면 자바는 객체 지향 언어이고 다형성(Polymorphism)이라는 성질 때문이다.다형성이란 여러가지 형태를

본 게시물은 인프런 '스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술' 강의를 듣고 개인 공부용으로 작성하였습니다. 컨트롤 알트 v extract->introduce variable Optional덕분에 ifPresent를 쓸수 있다. Op