개발 이야기 안하는 개발자

https://www.youtube.com/watch?v=jLUGRGdji2o 목표 시작 믹사모에서 아무거나 다운받기 Unlit으로 시작 우주 이미지 4k로 하나 다운받기 받은 이미지 수정 2D -> Cube Fixup Edge Seams 체크 Max size -> 4096 Cube는 스카이 박스 같은 가상 환경을 만들때 사용된다. 텍스쳐를 Cube로 수정해서 CubeMap(우리가 아는 SkyBox)로 사용된다. Fixup Edge Seams는 큐브를 만들때 그 사이의 모서리를 자연스럽게 바꿔주는 역할을 한다. 이미지를 수정하는 것은 아님. 단지 그 연결 부분을 자연스럽게 보이도록 할 뿐임. CubeMap으로 하나 만들어서 연결. Reflected CubeMap으로 해야 Normal값을 수정할 수 있음...

목표 https://youtu.be/tI3USKIbnh0 시작 빈 그래프로 시작 병은 Blender로 제작했음 Universal로 제작할 예정이니 추가 선택하면 나오는 화면 그중에서 Unlit으로 진행 Unlit 선택하고 Render Face는 양면 Alpha Clipping선택 (이건 물의 찰랑거림을 표현하기 위함. 담겨져 있는 정도를 표현하기 위함) 각 버텍스의 위치값(Position)에서 오브젝트의 위치값(Object->position)을 뺀다(Substract) 나온 값을 Split으로 하나씩 쪼갠다. 쪼갰을때, x값(Split에선 R값)을 Step(0 또는 1값을 반환함) Step은 들어온 In의 값이 Edge값보다 크거가 같으면 1을, 아니면 0을 반환한다. 이때, 두 값의 차는 Edge로 들..

목표 : https://youtu.be/uOhWT6TxZgE 시작 빈 그래프 만들기 URP 사용해서 만들 예정 물이다 보니 투명하게 제작함 기본색과 보로노이 색 지정 그림이 보로노이 패턴 보로노이 같이 세포 모양의 이미지를 활용해서 독이 더 위험해 보이도록 얼룩을 줄 예정 둘다 하얗게 보로노이는 유니티에 있음. 가져다가 제곱(Power)을 사용해서 크기를 키운다. 지정한 보로노이 칼라를 곱해서 색을 입힌다. 해당 변수들을 수정할 수 있게 밖으로 빼준다 보로노이에 AngleOffset은 값에 따라 모양이 바뀐다. 이를 이용해서 매 시간마다 흐르는 듯한 느낌을 줄 것이다. 시간의 흐름에 따라 값을 바꿔주는 로직 해당 로직은 위에서 아래로 흐르도록 유도하는 로직이다. 시간에 따라 값을 곱해줄 것인데, 곱은 y..

localStorage f12 눌러서 application 누르고 주소 누르면 저장된 내용을 볼 수 있다. Json : JavaScript Object Notation

키보드 이벤트 들어오는 키 값을 가져온다. j 를 누르면 key j 입력 칸 안에 총 몇개의 글자가 들어 왔는지를 확인할 때 사용. click 했을때 이벤트를 막는 내용 타입을 정의한다. 버튼은 말그대로 버튼이고, submit은 버튼인데 누르면 주소가 변경된다. addEventListener로 연결하고, querySelector로 찾는다. 예시) text는 한줄 , Textarea는 박스, p는 수정란 body 내용 스크립트 내용. 버튼을 사용하지 않으니 제거를 해보자 keydown -> keypress -> 입력 -> keyup 순서이기 때문에 keyup을 해야 입력된 결과값으로 계산된다. multiple로 수정하면 shift키나 ctr키를 이용해서 다중선택이 가능해진다. 선택하는것도 바뀌었으니 결과 ..

textContent와 innerHTML의 차이 오른쪽과 같이 같은 결과를 내긴 하지만 큰 차이가 있음. 안에 태그( ) 가 들어가면 결과가 달라짐. textContent는 을 그대로 사용함. innerHTML은 명령을 수행함. 200 x 200 크기의 이미지가 나온다. div로 레이아웃을 여러개 생성한다. div를 모두 가져오고, 색 지정 , 높이 지정한다. header 에 내용 정의후에 body에 자식으로 header를 등록한다. 2초후에 body에서 header를 지우면 떠있는 글자가 없어진다. 클래스로 가져와서 내용을 수정하게 된다.

외부 스크립트 사용하기 웹 프로그래밍에서 결국 User가 볼 수 있는것은 프론트(Html)과 Resources(JS,CSS)에 대한 내용밖에 없다. 이런 페이지를 꾸며줄 수 있는 자원들에 대해서 우리는 CDN이 사용된다. 가져온 스크립트를 새로 만들거나, 외부 주소로 가져올 수 있다. 데이터가 이렇게 많은데 정렬은?? lodash.com 문서 읽기 아래를 더 많이 사용한다. 기본값보다는 객체로 더 많이 매개변수로 사용된다. 사용 방식 요즘은 현대2 버전을 가장 많이 사용한다. 현대 1 실사용 newDog에 status를 넣었지만 뒤에 dog를 붙여서 결국 status의 값이 바뀌게 된다는 내용. 현대 2 저렇게 사용될 파라미터들을 나열한다. 아래방식도 많이 쓰인다. 문서 설치 우측하단에 버튼 누르면 저장..

new 로 붙여서 객체로 만들수 있다. 객체는 뒤에 . 을 붙여서 추가로 할 수 있다. 기본 자료형은 속성과 메서드를 추가할 수 없는데, 왼쪽과 같이 쓸 수 있는 이유는 "일시적으로 객체 자료형으로 변환되기 때문" string.prototype. 을 사용해서 새로운 메서드를 추가한 거고, 내용으론 contain이란 이름으로 0보다 인덱스가 크면(인덱스가 있으면) true라고 반환한다.

함수 자체를 매개변수로 사용해서 나타낼 수 있다. 들어온 함수를 실행 시킬수도 있다. 함수를 매개변수에서 직접 선언이 가능하다. 타이머. 지정된 숫자 이후에 해당 함수가 실행된다. 타이머 역시 상수로 리턴받는다. clearTimeout이나 clearInterval로 정지할 수 있다. 즉시 호출 함수. (function() { const a = 10 console.log(a) })() HTML로 작업을 하면 script를 여러개를 두고 실행하게 된다. 같은 const a 를 정의하게 되면 문제가 생기게 된다. 이를 충돌을 방지하고자 각각 다른 즉시호출함수로 묶어서 충돌을 방지하게 된다. 엄격 모드 'use strict' 라고 적으면 해당 내용에선 a = 10 b = 20같은 내용을 적으면 에러를 낸다. 상..

매개변수에 x = 2 처럼 사용가능 x를 선언안하면 그대로 사용, 재정의하면 정의한 대로 사용 윤년 구하기. 최소값 구하기 나머지 매개변수 - 매개변수에 앞에 ... 이 붙으면 해당 내용은 배열로써 들어오게 된다. 들어오는 나머지 애들은 배열처럼 가져다 쓰기 편하게 하기 위해서 사용하는 기법. 전개 연산자 - 매개변수에 ... 으로 배열을 넣어도 성립된다. 매개 변수 요청사항을 잘 확인할 것.

배열