채린씨의 티스토리

* 배열 탐색 - index 탐색(앞에서부터): Array.indexOf(item, from) - index 탐색(뒤에서부터): Array.lastIndexOf(item, from) - 값 포함 여부 확인: Array.includes(item, from) let fruits = ["apple", "orange", "banana", "orange", "melon"]; console.log(fruits.indexOf("orange")); // output: 1 (맨 앞에서부터 차례로 fruits 배열을 탐색, "orange"가 처음으로 등장하는 인덱스 값 반환) console.log(fruits.indexOf("orange", 2)); // output: 3 (2번 인덱스 "banana"부터 차례로 frui..

잠깐, FIFO란? LIFO란? 더보기 FIFO(First In First Out, 선입선출): 처음 들어온 것이 처음으로 나간다. 은행에서 줄을 서면 먼저 온 사람이 먼저 처리된다. 이처럼 먼저 들어온 데이터부터 처리되어 나가는 것을 FIFO라고 한다. (ex. 큐) Last In First Out(LIFO, 후입선출): 마지막에 들어온 것이 처음으로 나간다. 그릇을 쌓아두고 위에서부터 차례로 꺼내 쓰면 마지막에 쌓인 그릇이 처음으로 사용된다. 이처럼 나중에 들어온 데이터부터 처리되어 나가는 것을 LIFO라고 한다. (ex. 스택) * 배열의 끝에서 요소 추가/삭제(LIFO - Back) - 배열 추가: Array.push(element) - 배열 삭제: Array.pop() let fruits = [..

얼마 전 인스타그램에 크리에이티브 코딩에 대해 검색해보다가 혹하는 워크샵을 발견했다. Creative coder 정효님의 'TD 초심자를 위한 워크샵 - 뭉게뭉게 파티클!' Instagram에서 이 게시물 보기 정효 Jeonghyo | turtlefingers(@doodlefingers)님의 공유 게시물 Touch Designer는 며칠 전, 첫 크리에이티브 코딩을 어떤 툴로 시작하면 좋을까 고민하던 때 알게 된 툴 중 하나였다. 그때 알아본 클래스 101 수업: https://class101.net/products/AtM8CJLXULeFDizvkgZ7?utm_campaign=share_feature&utm_content=share_feature&utm_medium=referral&utm_sourc..

* 배열 - 여러 개체(Entity) 값을 순차적으로 나열한 자료 구조 (알고리즘 내 사용 빈도 많음) - 배열 내 값을 요소(element)라고 하며, 배열 요소는 index로 접근 * 배열 선언 / 접근 / 속성 - 배열 선언: new Array() 혹은 []를 이용해 선언하며, 사이즈나 값을 입력하여 초기화도 가능 - 배열 접근: Array[index]를 이용해 O(1)의 시간 복잡도로 접근 가능(매우 빠름) - 배열 속성: Array.length를 이용해 배열 요소의 개수 확인 가능 * 배열의 실체 - JavaScript에서 배열은 다른 언어에서 말하는 일반적인 배열이 아닌 Hash 기반의 객체 - 메모리가 연속적인 밀집 배열(dense array)이 아닌 비연속적인 희소 배열(sparse arr..

오늘 강의에서는 간단하게 원을 그려보았다. 시작하기 전에, 우측 탭의 LIBRARIES에서 SimpleJS를 추가했다. 먼저, 원하는 위치에 원하는 크기의 원 그리기! // 기본 설정을 하는 곳(캔버스 사이즈, 배경 색상 등) function setup() { simple(); } // 실제로 그림을 그리는 곳 function draw() { // (400, 300) 위치에 크기 300의 원 그리기 circle(400, 300, 300); } * circle(x, y, size) (x, y)에 'size'크기의 원 그리기 크기를 30으로 줄여보았다. // 기본 설정을 하는 곳(캔버스 사이즈, 배경 색상 등) function setup() { simple(); } // 실제로 그림을 그리는 곳 funct..

국내에는 Creative coding 관련 강좌는 물론 유튜브 튜토리얼도 찾아보기 힘들기 때문에.. 해외 유튜버를 찾아보았다. Algorithmic Art의 'Creative coding for complete beginner'를 따라 해 보기로 했다. https://youtu.be/VpIFZ0xcJWM 목소리가 정말 좋으시다. ASMR 같기두 하구.. 명상음악 같기두 하구.. 또, 굉장히 우쭈쭈 해주신다. 아이들 대상으로 강의하듯이.. 이런 기분 오랜만이야. 어쨌든 첫 강의에서는 간단하게 OpenProcessing 계정을 만들고, 스케치를 하나 생성해보았다. 스케치에는 기본 코드가 작성되어 있는데, 마우스가 움직이는 대로 하얀 점이 찍어지는 코드이다. 사용되는 언어는 P5js라는데.. 검색해보니 크리에..

Creative coding을 구글링 해보면.. 위키백과에 이렇게 나온다. Creative coding is a type of computer programming in which the goal is to create something expressive instead of something functional. It is used to create live visuals and for VJing, as well as creating visual art and design, entertainment, art installations, projections and projection mapping, sound art, advertising, product prototypes, and much more. ..

왜 공부한 것을 열심히 올리지 않았느냐..면 어제랑 오늘은 노션 포트폴리오를 만들고 각종 취업사이트에 이력서를 등록하고, 어디 어디 인턴 자리에 이력서를 제출하고.. 했다. 참.. 나 스스로가 너무 부족하게 느껴졌다.. 휴 물론 안 될 가능성이 95%고 나는 하반기 취업을 목표로 하고 있지만, 코멘토 부트캠프에서 멘토님이 미리 만들어 두라고 하셨고, 지원해서 떨어져 보는 경험도 중요하다고 생각하기 때문에 일단 썼다. 내가 학교에 다니면서 뭘 했나 돌아보니 별걸 많이 하긴 했더라.. 플젝을 하나 더 할걸.. 중앙 댄스동아리 총무 및 디자인팀, 컴공 학생회 집행부, EPITA, 창업동아리 총무 및 디자인팀, 서대문구 평생학습관 자원봉사, 중앙 사격 동아리, 방탈출 소모임..,,.ㅋㅋㅋㅋㅋㅋㅋ 프로 동아리러인..