GLSL & Shaders Tutorial

출처[GLSL & Shaders Tutorial - Understanding The Syntax And The Idea Behind The Vertex & Fragment Shaders](https://www.youtube.com/watch?v=xZM8UJqN1eY&t=13s)  GLSL definition- Open**GL** **S**hading **L**anguage 의 약자 - 브라우저에 2D를 3D로 표시하기 위해 웹 응용 프로그램이 그래픽 카드와 통신할 수 있는 프로그래밍 언어   Variables and constants + Basic types데이터 타입 지정하여 선언해야 함.intfloatbool변수에 데이터 타입을 지정하면 다른 타입의 값을 설정할 수 없다.int a = 20.0; ->..

• format_list_bulleted WebGL/GLSL
• · 2024. 9. 24.
• textsms

[03.31] 모던 JavaScript 튜토리얼

💀TIL 선배 특강 / 현직자 특강 모던 JavaScript 튜토리얼을 읽고 공부해보고자 한다. 모든 출처: https://ko.javascript.info/ 모던 JavaScript 튜토리얼 ko.javascript.info 자바스크립트(JavaScript) ‘웹페이지에 생동감을 불어넣기 위해’ 만들어진 프로그래밍 언어 ECMAScript라는 고유한 명세를 갖춘 독립적인 언어 ECMAScript - Wikipedia From Wikipedia, the free encyclopedia Specification for Javascript and other programming languages ECMAScriptParadigmMulti-paradigm: prototype-based, functional, ..

• format_list_bulleted 멋쟁이사자처럼 FE 5기/TIL
• · 2023. 3. 31.
• textsms

[WIL-5주차] 반성합니다 . .

블로그 글 3개는 쓴다고 했었던 지난 3주차의 회고를 지키지 못한 것에 대해 반성합니다.. . . 점차 미루고 쌓이다보니 아무것도 하지 않았습니다. . 반성합니다 글 완성 시키지 않고 임시저장만 한 글들에 대해 반성합니다 . . JavaScript 부터는 제대로 쓰도록 하겠습니다

• format_list_bulleted 멋쟁이사자처럼 FE 5기
• · 2023. 3. 31.
• textsms

[WIL-3주차] 멋쟁이사자처럼 3주차를 끝내고

🕊️ WIL ++ 🍿 아쉬운 점 3월 8일부터 블로그 작성을 하지 않았다. 한번 밀리니까 그냥 안써버린 것에 대해 반성합니다..... 뭘 배웠는지 잊는다.......... 복습이 조금씩 밀리니 점점 수업을 그냥 보며 따라치는 수준에 그쳐버렸다. ㅜ;ㅜ HTML/CSS 이제 한 주 남았는데 정신 차리기 🎑 일주일 목표 밴딩머신 과제, 빔캠프 과제를 하면서 복습하기! 다이어리 레이아웃 다시 보면서 분석하기! 멋사 분들이 공유해준 자료들 보면서 생산성 늘리기! 블로그 글 일주일에 3개는 쓰기

• format_list_bulleted 멋쟁이사자처럼 FE 5기
• · 2023. 3. 18.
• textsms

[Day 13] 이미지, 3D Transfrom, 레이아웃 실습, 추가 정리

💀TIL 🕘 특강 😶‍🌫️ 🤨 🕚 🕜 . 🕒 레이아웃 실습 😎 추가 헷갈리는 속성들 미디어 쿼리 반응형 웹 구성에 쓰인다. min: 최소 조건으로 최소 500px 부터 스타일을 적용한다는 뜻이다. 500px ~~ max: 최대 500px 까지 스타일을 적용한다는 뜻이다. ~500px @media (max-width: 500px){ 실습에서는 주로 이렇게 쓴다 } @media (min-width: 500px){ 실습에서는 주로 이렇게 쓴다 } background 속성 가상 선택자 position 🙉 Review

• format_list_bulleted 멋쟁이사자처럼 FE 5기/TIL
• · 2023. 3. 18.
• textsms

[Day7] flex/grid 레이아웃

💀TIL flex grid 🕘 flex display: flex - block혹은 inline으로 구분되지 않고 flex라는 요소로 변한다. flex로 변한 컨텐츠는 flex-container, 그 안에 flex-item이 된다. flex-direction: row 행 | column 열 - 정렬에 기준이 되는 속성 중심축의 방향을 바꿔준다 -------- | flex-direction: row 기본값 가로 ----- flex-direction: column 세로 | reverse 속성은 접근성 문제로 권하진 않는다. justify-content : 중심축 기준 방향 정렬 flex-start: 기본값, 컨테이너의 시작점을 기준으로 아이템 정렬 flex-end: 끝부터 center : 중앙 space-be..

• format_list_bulleted 멋쟁이사자처럼 FE 5기/TIL
• · 2023. 3. 8.
• textsms