목록분류 전체보기 (887)
치춘짱베리굿나이스
Node.js Node.js Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 오픈소스 자바스크립트 엔진에 비동기 이벤트 처리 라이브러리를 결합한 플랫폼으로, 자바스크립트 코드를 브라우저 밖에서도 실행할 수 있도록 돕는 런타임 환경이다 자바스크립트를 브라우저 밖에서도 실행시킬 수 있는 덕에 자바스크립트 관련 도구들과 프레임워크들은 모두 node.js를 기반으로 동작하며, 입출력 처리 성능, 서버 확장, 자바스크립트로의 백엔드 서버 구축 등 다양한 장점으로 사용률을 높일 수 있었다 설치하기 brew install node # 업그레이드는 brew upgrade node node -v # 버전 ..
spread 문법 배열 또는 객체 안에 있는 내용물들을 전개하는 역할을 한다 배열에 스프레드 구문을 사용할 경우, 배열을 감싸는 대괄호가 사라지고 내용물만이 반환된다 배열 스프레드를 이용하여 배열 합치기 let arr1 = [var1, var2, var3]; let arr2 = [...arr, var4, var5]; //[var1, var2, var3, var4, var5] let arr3 = [...arr, ...arr] //[var1, var2, var3, var1, var2, var3]; 스프레드 구문은 한 배열을 만들 때 여러 번 사용 가능하다 객체 스프레드를 이용하여 객체 합치기 let obj1 = { var1: 'hello', var2: 'good afternoon'..
비구조화 할당 / 구조분해 할당 배열이나 객체의 속성을 해체하여 개별 변수에 그 값을 담을 수 있는 문법 구조를 분해해서 각각의 원소를 할당하기 때문에 구조분해 또는 비구조화 할당이라고 불린다 쉽게 말하면 오른쪽의 배열 / 객체 원소를 왼쪽의 [] 또는 {} 로 감싸진 변수들에 각각 할당해주는 문법이다 배열 비구조화 할당 let [a, b] = [1, 2] // a = 1, b = 2 좌측 배열의 길이와 우측 배열의 길이가 같을 경우, 순서대로 일대일 대응한다 let [a, b, c] = [1, 2, 3, 4, 5] // a = 1, b = 2, c = 3 좌측 배열의 길이가 우측 배열의 길이보다 짧을 경우, 좌측 배열 기준으로 값을 할당한다 let [a, b, c] = [1, 2]; // a = 1, ..
예쁜걸 다른 사람들과 나눌 수 있는 방법은 많다고 생각 굳이 보여주기식 sns에 매몰되어 감정을 낭비할 필요는 없는듯 그리고 결정적으로 인스턴트성 게시글에 너무 시간을 많이 쏟는 것 같다 하나씩 다 줄여야지 카카오톡도 뷰 탭에 뉴스나 게시글 나오는거 없는 라이트버전같은거 나오면 좋겠다 라인 라이트는 괜찮았던거같은데 나름 자꾸 안보려고 하면서도 슬쩍 들어가서 보게 됨 근데 카톡 특성상 지울수는 없고 그런데에 쏟는 시간과 에너지가 아깝다 인간관계도 비슷하게 나와 별로 중요한 사이도 아니고 어차피 곧 연락도 안될 사람들한테 그렇게 에너지 많이 쏟을필요 없는듯 그렇다 맨날 다짐은 하지만 못지키고있는 그것이다
쿠키런빵 후기 할거하다 머리식힐겸적음 푸키먼빵 없어서 사먹어봤는데 은근맛있어서 계속먹는중 필자는 느끼한걸 잘 못먹는편 어둠속의 크림치즈방 느끼함... 빵은 무미무향에 안에 치즈맛만 진해서 뭔가 그냥 생치즈를 씹어먹는 기분이었다 빵이 좀 쫄깃한건 맛있었는데 차라리 빵에서 초코맛이라도 났으면 어땠을까 싶음 공포의 마녀팬케익 5년전 편의점알바할 때 맨날 폐기로 남아돌던 오버액션토끼 보름달빵의 딸기크림맛이 날 줄 알았는데 (되게느끼했음) 의외로 크림이 안 느끼하고 새콤하니 괜찮았다 빵이 퐁신퐁신하고 촉촉해서 더 맛있음 천상의 카페모카스틱 내 원픽이다 크림 잘 못먹는 나로썬 이렇게 혜자로운 빵이 없다 심지어 안에 6개들어있음 양도 많다 아몬드밀크랑 같이먹으면 맛있고 6개다먹으면 배부르기까지 하다 편의점빵이라곤 믿..
미디어 쿼리 미디어 쿼리란? 현재 브라우저 또는 장치 환경이 프로그래머가 정의한 규칙에 부합할 때 특정 css를 적용하도록 해주는 구문 특히 반응형 웹을 만들고자 할 때 화면 크기에 따라 서로 다른 css 스타일을 적용하기 위해 많이 사용한다 미디어 쿼리 기본 @media media-type and (media-feature-rule) { /* CSS rules go here */ } 구성 요소 @media 미디어 쿼리의 시작 부분 media-type 미디어 유형 all, print, screen, speech 네 가지 중 하나를 지정할 수 있다 all: 모든 장치에 적용 (기본값) print: 인쇄 결과물 및 출력 미리보기 화면에 적용 screen: 화면에 적용 speech: 음성합성장치에 적용 논리합..
텍스쳐 입히기 직전에는 벽에 단색을 입혔지만 이번엔 텍스쳐를 입혀보자 벽이 왜곡되어 보여야 하므로 어느 높이에 어떤 텍스쳐 색을 넣어야 할 지 계산해야 한다 동서남북 텍스쳐 저장하기 .xpm 또는 .png 파일을 불러와서 포인터 배열 또는 구조체에 저장해둔다 perpWallDist 구하기 Raycasting 구현 - 화면에 벽 그리기 의 방법으로 perpWallDist를 구한다 벽이 바라보는 위치 구하기 벽이 바라보는 방향이 어느 쪽인지 (동서남북) 에 따라 다른 텍스쳐를 적용해야 하므로, 부딪힌 광선의 방향을 가진rayDirX와 rayDirY, 벽이 위치한 축 (x 또는 y)을 담은 side 변수를 사용하여 벽의 방향을 구한다 벽의 x축 거리의 비율 구하기 광선이 벽의 어느 지점에 닿았는지 구해야 텍스..
모 단풍게임이 생각나는 (ㅡ,,ㅡ;;) 쏠브닥 만우절 이벤트 뱃지 못참지 ㅋㅋ 하고 17성까지만 달리자 했는데 650포인트정도가 순삭 그와중에 내가 이거 알려준 다른사람은 17성까지 250포인트정도밖에 안 써서 더 킹받았다 가챠게임에서 "초면에 죄송하지만 A 뽑으려고 했는데 10연가챠만에 B가 나왔네요 이거 좋은건가요?" 를 보는 기분이었다 18성부턴 쳐다도 안 보려고 잠궈버렸다 옆에서 계속 20연이면 다른 뱃지를 주는데? 한번만 더 달려보자 달려보자 하는거 거들떠도 안보기로 했다