CSS 썸네일형 리스트형 Three.js 공부 하기 : WebGL 알아보기 안녕하세요. 오랜만에 돌아온 에디터M 입니다. 최근에 Three.js에 관심이 생겨서 검색해보고 개인적인 일들이 있어서 몇주 동안 블로그를 포스팅 하지 못했네요. 요즘 장마라서 기분도 별로 좋지 않더라고요. 전 비가 오면 밖에 나가기도 싫어서... 개인적인 이야기는 여기 까지 하고 오늘은 Three.js의 기본 뼈대인 WebGL에 대해 알아 볼게요. 저도 지금 혼자서 공부하고 있는 수준이라 실수 하는 부분도 있는데 잘못 된 부분 댓글로 부탁드려요. WebGL 이란?? WebGL은 웹 브라우저에서 2D 및 3D 그래픽을 렌더링하기 위한 JavaScript API입니다. WebGL은 WebGL 1.0과 WebGL 2.0 두 가지 버전이 있으며, 모두 웹 브라우저에서 하드웨어 가속 그래픽을 사용하여 고품질의 .. 더보기 같이 공부하며 배우는 : 선택자?? 안녕하세요 MIN입니다. 요즘 날씨가 많이 추워졌네요. 다들 감기 조심하세요. 저는 이번에 감기에 걸려서 연휴때 집에만 있었네요 ㅠㅠ.. 그럼 오늘은 선택자에 대해서 알아볼께요. 선택자는 꼭 퍼블리싱쪽에만 사용되는게 아니라 원리를 알게 되면 다른 곳에서도 응용해서 사용 하실 수 있을꺼에요. 그럼 한번 같이 알아보로 가볼까요?? 선택자란???? 우리가 HTML 구조를 작성할때 태그에 다양한 CSS나 JS를 적용 해야 될때가 있는데 그때 어떤 태그에 값을 줄 지 해당 태그를 선택할때 사용합니다. 그럼 선택자는 어떤게 있을까요?? 유형선택자 아이디, 클래스 선택자 특성선택 그룹선택 첫번째 유형선택자란? 우리가 일반적으로 HTML구조를 사용할때 쓰는 태그를 선택해서 스타일을 주는 방식입니다. Hello Worl.. 더보기 같이 공부하며 배우는 : Display 요소 안녕하세요 MIN입니다. 오늘은 태그의 display속성에 대해 공부해볼께요. 개인적으로는 작업할때 제일 중요하면서 가볍게 생각하는 부분인거 같아요. 조금 더 자세히 들어가게 되면 블럭 요소들도 태그에 따라 사용되는게 많이 달라지기 때문에 오늘은 가볍게만 알아볼께요. 첫번째로 block 속성입니다. 제가 저번에 html은 건축과 비슷하고 했었죠?? 그런 느낌으로 이야기 하면 block속성은 방을 나타낸다고 생각해요. 우리가 사용하는 대표적인 block 태그는 p, div, ul, ol, h시리즈 등이 있습니다. https://codepen.io/trending 한번 여기서 각 태그들을 한번씩 사용해 보세요. 볼로그 글로 보는거 보다 한번 사용해보시면 이해가 더 쉬울꺼에요. 두번째로 inline 속성입니다.. 더보기 같이 공부하며 배우는 : CSS이란? 안녕하세요 MIN입니다. 오늘은 CSS에 대해 알아 볼께요. css란 HTML로 만든 구조에 다양한 디자인을 적용 시킬 수 있는 기능입니다. 예전에는 css로 배경색을 정의하고 위치를 정의 할 수 있었지만 css가 css2 -> css3 으로 넘어오면서 점점 많은 작업을 할 수 있게 변경 되었습니다. 자세한 작업들은 추후에 알아보도록 해요~ 혹시라도 궁금하신 분들은 구글링 해보시면 다양한 정보를 얻을 수 있을꺼에요. 우리가 웹사이트 Hello world 를 출력한다고 했을때 css가 없는 상태와 css가 있는 상태에서 어떻게 출력 되는지 한번 볼까요? See the Pen Untitled by piwe2004 (@piwe2004) on CodePen. 이해 하기 쉽도록 inline-style로 작성하였습.. 더보기 같이 공부하며 배우는 : HTML 구조 안녕하세요 MIN입니다. 오늘은 HTML의 구조에 대해 알아보려고 합니다. 오늘은 HTML의 구조에 대해 알아보겠습니다. 구조를 말씀드리기 전에 HTML은 우리가 컴퓨터에 폴더를 만들어 파일을 저장하듯이 브라우저에 폴더가 있다고 생각하지면 조금 더 쉽게 이해하실 수 있으실 거예요. 우리가 퍼블리싱을 할때 보면 이렇게 시작되는것을 보았을거에요. 예전에는 doctype 은 HTML페이지의 오류검사등 HTML을 의미하였는데 요즘은 잘 신경쓰지 않고 문서형식이라는 정도만 기억하시면 됩니다. html의 모든 콘텐츠를 표하기 위해 기본적으로 사용 하는 태그입니다. html태그 안에는 head와 body를 품고있어야 합니다. 그리고 html은 lang라고 언어 식별값을 넣어주셔야 합니다. 우리나라에서 사용할때는 ko.. 더보기 같이 공부하며 배우는 : 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 다음
