javascript 썸네일형 리스트형 Three.js 공부하기 3D 큐브 만들기 안녕하세요. 에디터M입니다. 저번시간에 만든 2D 큐브를 3D큐브로 변경하는 작업을 이어 포스팅 해보려고 해요. 이전 포스팅을 못 보신 분들은 참고 부탁드려요. Three.js 공부 하기 : Three.js 알아보기 안녕하세요. 에디터M입니다. 오늘은 어제에 이어서 Three.js 공부하기 Three.js 알아보기 포스팅을 해볼께요. 먼저 Three.js가 무엇인지 알아볼까요? Three.js 란? Three.js는 웹 기반 3D 그래픽을 생성하고 min-webstory.tistory.com Three.js 공부 하기 : Three.js 심화 학습 안녕하세요. 에디터M입니다. 오늘은 어제에 이어서 Three.js 공부하기 3D 큐브 만들기 해볼게요. 혹시 이전 내용을 못 보신 분들은 이전 내용을 보고 오.. 더보기 Three.js 공부 하기 : WebGL 알아보기 안녕하세요. 오랜만에 돌아온 에디터M 입니다. 최근에 Three.js에 관심이 생겨서 검색해보고 개인적인 일들이 있어서 몇주 동안 블로그를 포스팅 하지 못했네요. 요즘 장마라서 기분도 별로 좋지 않더라고요. 전 비가 오면 밖에 나가기도 싫어서... 개인적인 이야기는 여기 까지 하고 오늘은 Three.js의 기본 뼈대인 WebGL에 대해 알아 볼게요. 저도 지금 혼자서 공부하고 있는 수준이라 실수 하는 부분도 있는데 잘못 된 부분 댓글로 부탁드려요. WebGL 이란?? WebGL은 웹 브라우저에서 2D 및 3D 그래픽을 렌더링하기 위한 JavaScript API입니다. WebGL은 WebGL 1.0과 WebGL 2.0 두 가지 버전이 있으며, 모두 웹 브라우저에서 하드웨어 가속 그래픽을 사용하여 고품질의 .. 더보기 비전공자의 프로젝트 만들기) 검색API를 이용한 검색 프로젝트 만들기 검색API를 이용한 검색 프로젝트 만들기 이번에는 Rapidapi의 api를 사용해서 구글 검색기능의 프로젝트를 만들어 보려고 한다. 작업에 앞서 먼저 이번 프로젝트에서 사용할 라이브러리는 아래의 목록과 같다. react-loader-spinner axios react-paginate react-query react-router-dom autoperfixer postcss tailwind 먼저 프로젝트에 components 폴더를 만들어서 컴포넌트들을 만든다. NavigationBar.jsx : 검색의 각 탭을 나타낸다. SearchInput.jsx : 검색어를 입력 후 엔터를 누르면 파라미터로 해당 검색어를 전송한다. SearchTermRequired.jsx : 검색어가 입력되지 않았을 때 표출 될 '.. 더보기 비전공자의 공부일지 - TypeScript TypeScript???? 1. Type의 종류 Primitive tpyes String : 문자열을 나타낸다 Number : 숫자를 나타낸다. Boolean : true(참)와 false(거짓)을 나타낸다. null : 하나의 값을 가진다. null undefined : 하나의 값을 가진다. 초기화되지 않은 변수의 기본값 symbol : 고유한 상수의 값을 나타낸다. Object tpyes function : 함수를 나타낸다. array : 배열을 나타낸다. classes : 클래스를 나타낸다. object : 객체를 나타낸다. 1. TypeScript 추가 제공 type Any 프로젝트를 만들 때 잘 알지 못하는 타입을 표현해야 될 수도 있는데 이 값들은 사용자로부터 받은 데이터나 서드 파티 라이브러.. 더보기 비전공자의 공부일지 - 리액트란 무엇인가, 리액트의 컴포넌트란?, 가상돔?? 오늘의 공부내용을 복습하자. 공부했던 내용을 기억이 나는데로 적고 있어서 잘못된 내용이 있을 수도 있습니다. 1. 리액트란 무엇인가 리액트는 페이스북 에서 사용자 인터페이스를 만들기 위한 JavaScript의 라이브러리이다. React는 Vue, Angualar와 많이 비교되는데 뷰와 앵귤러는 프레임 워크이고 리액트는 라이브러리 이다. 그럼 프레임 워크란 라이브러리들을 모아놓은것을 말합니다. 그렇기 때문에 개인적인 생각으로는 리액트는 뷰와 앵귤러와 다르게 다양한 라이브러리(리액트 훅, 리덕스)를 이용해서 작업이 가능할것 같습니다. 그리고 지금도 다양한 기업들에서 리액트를 사용해서 프로젝트를 만들고 있어 다양한 정보들이 많이 있습니다. 2. 리액트의 컴포넌트란? 리액트의 컴포넌트란 페이지를 구성하기 위한 .. 더보기 같이 공부하며 배우는 : HTML 원리 안녕하세요 MIN입니다. 오늘은 HTML이 무엇인가에 대해 알아보려고 합니다. 제가 작성한 글이 100% 맞는 말이다라고 생각하지 마시고 참고 정도 하시면 괜찮을 것 같습니다. HTML이란 Hyper Text Markup Language 의 약자로 코드를 처음 보는 사람들은 프로그래밍 언어라고 생각하시겠지만, 실제로는 브라우저에게 우리가 어떤 표현을 하고 싶은지 글로 전달하는 거라고 생각해요. 저는 HTML이 건축과 비슷하다고 생각해요. HTML로 뼈대를 만들고 CSS로 벽지와 장판등을 설치하며 JS로 전기나 가스 ,보일러 같은 기능을 사용할 수 있게 해주는 것 같다는 생각을 많이 하는 편이에요. 그럼 HTML로 어떤게 뼈대를 만드는지 한번 알아볼까요? Hello World 위의 태그는 여러 태그들중 하.. 더보기 안녕하세요 M의 Web이야기의 오신걸 환영합니다. 안녕하세요 M의 WEB 이야기에 오신걸 환영합니다. 블로그 주인인 MinEditor 입니다. 현재 저는 WEB 퍼블리셔로 일을하고 있으며 프론트 공부를 하고 있습니다. 블로그에 글을 작성할때 초보자의 입장으로 글을 작성할 예정이며 아직 모르는것이 많기 때문에 방문자 분들과 소통하면서 공부를 하고 싶어서 블로그를 하게 되었습니다. 공부를 하기위해 오프라인으로 소모임을 하는경우도 많지만 제가사는 부산에는 생각보다 IT의 트렌드나 소모임 같이 정보도 공유하고 서로 공부를 도와주는 모임을 구하거나 찾기가 어려워서 이렇게 블로그를 하게 되었습니다. 이론이 많이 부족해 내용이 많이 미흡할 수 있는점 양해 부탁드립니다. 앞으로도 많이 노력하며 블로그를 운영해 보겠습니다. 포스팅은 1주일에 최소 1개라도 작성하는게 목.. 더보기 이전 1 다음
