/users
/posts
/slides
/apps
/books
mysetting
/users
/posts
/slides
/apps
/books
1:33 5/31
velog.io
1:33
velog.io
(งᐖ)ว
https://velog.io/@hyounglee
(~˘▾˘)~♫❝ 쉽게만 살아가면 재미없어 빙고 .ᐟ ❞•*¨*•.¸¸♪
저작도구: velog
최종 피드 수집: 2025-03-14 12:15
전체 (31)
13h
TIL 115 | Three.js 기초 - Debug UI
Debug UI
While you can create your own debug UI using HTML / CSS / JS, there are already multiple libraries:
dat.GUI
lil-gui <-
0
0
0
읽기모드
2d
TIL 114 | Three.js 기초 - Geometries
Geometries
정점(vertices)와 면으로 이루어진 요소들
particles은 vertices의 꼭지점을 의미한다.
Built-in Geometry
translate(), rotateX(), normalize() 와 같은
0
0
0
읽기모드
2d
TIL 113 | Three.js 기초 - 카메라 & 스크린 사이즈
Cameras
PerspectiveCamera
/*
* 1st Param : Field of View(시야 또는 화각)
* 2nd Param : Aspect Ratio(화면비)
* 3nd Param : 화면에 나타나는 최소
0
0
0
읽기모드
3d
TIL 112 | Three.js 기초 - 애니메이션
여러 이미지, 즉 프레임을 연속적으로 보여주면 마치 애니메이션을 보는 것과 같이 동작한다.
이러한 착각을 만들어 내기 위해 사용할 수 있는 메서드를 알아보자.
requestAnimationFrame
이 함수 자체가 애니메이션을 동
0
0
0
읽기모드
3d
TIL 111 | Three.js 기초 - 위치, 크기, 회전
1. Basics
import * as THREE from 'three'
// Canvas
const canvas = document.querySelector('canvas.webgl')
// Scene
const scene =
0
0
0
읽기모드
2y
콘솔에 찍고 싶은 아스키아트 모음
⚠ 관종 개발자는 콘솔에 자아표출을 한다
아스키아트
오로지 텍스트와 특수문자만을 조합하여 사진이나 그림을 흉내내는 것을 말한다.
텍스트로만 이루어진 밈들 대부분이 그렇듯 처음 시작이 누구였는지는 아무도 모른다. 줄여서 AA라고도
0
0
0
읽기모드
2y
2022 회고
2022 신년계획 review
일(work)이 곧 나라는 생각 바꾸기 ✓
당장 할 수 있는 것에 집중하기 ✓
재태크 공부 꾸준히 하기
수동적인 인간관계를 정리하고 새로운 사람들을 만나기 ✓
취미를 갖기 ✓
3대 150 ✓
배달음식
0
0
0
읽기모드
2y
있어보는 Web을 위한 타이포그라피 10
필자는 시각디자인과를 졸업한 프론트엔드 개발자입니다. 디자이너 출신으로서 웹에서 디자인적 완성도를 높이는 가장 핵심은 타이포그래피라고 생각합니다. 웹에서 제공되는 정보의 대부분은 문어(written language)의 형태로 되어
0
0
0
읽기모드
2y
DJBB 프로젝트 하면서 참고했던 링크들
쌓여있는 크롬탭 정리하면서 다음 사이드 때 참고하려고 정리하는 소중한 링크들
구글링하는 시간 절대 지켜!!~!
DJBB 프로젝트 회고 🔗
서버
[NodeJS] 한시간만에 Node.js 백엔드 기초 끝내기 (ft. API 구축)
0
0
0
읽기모드
2y
프론트엔드 개발자를 UXUI 디자인 기초
UI/UX design fundamentals for the front end developers
위 아티클을 번역하고 이해를 돕기 위한 내용을 추가하였습니다.
UX (User Experience)
쉽게 말해 사용자 경험을 의
0
0
0
읽기모드
2y
프론트엔드 개발자가 디자인, 서버까지 다 해 본 썰 푼다.
>>> DJ블랙버니 <<<
새해에 처음 들은 음악이 그 해를 결정한다는 그런 이야기 들어보셨나요?
그래서 만들어봤습니다! 친구와 지인의 행복한 새해를 위해 음악과 함께 메세지를 보낼 수 있는 service~~!
예쁜 카드도 직접
0
0
0
읽기모드
4y
사수에게 칭찬받는 PR 체크리스트
한번 리뷰 받은 내용은 두번 다시 실수하지 말자!
사수한테 칭찬받고 싶은 신입 ESFJ 개발자의 기록
!youtube[UUJKiTcnGK0]
한줄로 짤 코드를 누가 열줄로 해놨어요...
클래스 구구... 코테에서 한줄로 푼다면 우
0
0
0
읽기모드
4y
TIL 109 | 브라우저의 동작 원리
NAVER D2 | 브라우저는 어떻게 동작하는가?
HTML Critical rendering path의 이해
브라우저의 주요 기능
브라우저는 사용자가 선택한 자원을 서버에 요청하고 브라우저에 표시한다. 자원은 보통 HTML 문서지
0
0
0
읽기모드
4y
TIL 108 | AJAX
참고자료
https://github.com/baeharam/Must-Know-About-Frontend/blob/master/Notes/javascript/ajax.md
https://coding-factory.tistory.co
0
0
0
읽기모드
4y
TIL 107 | MVC 패턴
MVC 아키텍쳐에 대한 이해
MVC 패턴이란
MVC 패턴이란?
MVC 패턴은 디자인 패턴 중 하나이다. 디자인 패턴이란 개발을 하면서 반복되는 문제를 상황에 따라 적절하게 해결할 수 있도록 제안하는 재사용 가능한 해결책이다.
MV
0
0
0
읽기모드
4y
TIL 106 | 객체지향 프로그래밍과 함수형 프로그래밍
코어 자바스크립트를 공부하면서 객체지향형 프로그래밍, 함수형 프로그래밍 이라는 말이 자주 등장하는데, 설명에 사용되는 개념도 어렵고 모호해서 항상 찝찝한 기분이 들었다. 제대로 개념을 이해하고 넘어가야 하는 CS 기초 중의 기초.
0
0
0
읽기모드
4y
TIL 105 | JavaScript의 Symbol Data Type
Symbol
ES6에서는 Symbol 이라는 원시형 데이터 타입이 새로이 도입되었다. 자바스크립트는 객체 프로퍼티 키로 오직 문자형과 심볼형만을 허용한다. 숫자형, 불린형은 불가능하다. 심볼은 유일한 식별자(unique ident
0
0
0
읽기모드
4y
TIL 104 | Map, Set, WeakMap, WeakSet
Hashmap?
Map 인터페이스의 한 종류로, key-value 형태의 데이터를 저장하는 형태를 가지고 있다. Map이란 키와 값을 하나의 쌍으로 묶어서 저장하는 컬렉션 클래스들을 구현하는데 사용된다. 쉽게 말해 key, val
0
0
0
읽기모드
4y
TIL 103 | JS ES6+ 유용한 Arrays 메소드
1. for ... of
value를 순회한다. 배열이 아닌 iterate 가능한 Object, String도 사용할 수 있다.
arr = ['jaehyun', 'mark', 'johnny'];
for(let value of ar
0
0
0
읽기모드
4y
TIL 102 | Rest Syntax, Spread Syntax, Object Literal
1. Rest Syntax
_"I don't know how many vars you are sending, so I'll put whatever else you sent in an array." _
arguments 활용
fun
0
0
0
읽기모드
About
Badge
Contact
Activity
Terms of service
Privacy Policy
(งᐖ)วhttps://velog.io/@hyounglee