Javscript
-
[P5.js] 함수 그려주는 사이트 만들어주기(삼각함수,일-이차함수)Javscript 2022. 8. 29. 02:49
P5.js + 삼각함수로 여러가지 만들기 [p5.js]삼각함수를 이용해서 뭐든지 그려보기 intro 삼각함수를 배우면서 저는 계속 생각했습니다. 솔직히 삼각함수 뿐만이 아니라 초중딩때부터 수학을배울때마다 "도대체 이걸 어디다가 써먹지?" 라는 생각을 계속했습니다 하지만 p5.js를 velog.io 제가 예전에 썻던 글인데 여기서 기본적인 것들 설명합니다. 저 글에서 대부분 다 녹여냈다고 생각하지만 이번에 동아리에서 프로젝트 하나 아무거나 내라고하길래 함수 그리는 사이트를 만들어보겠습니다. 만들거 함그 함수 그려지는 모습 애니메이션으로 보기 draw-function.netlify.app 여기 접속이 안된다면 GitHub - leejw05/P5.js-Draw-Function Contribute to leej..
-
[Javscript] 콜백함수 (Callback)Javscript/동기와 비동기(Synchronous ,Asynchronous) 2022. 2. 17. 14:17
[Javscript] 콜백 함수 (Callback) Javascript를 사용하다보면 알게 모르게 콜백함수를 사용하고 있습니다. 하지만 우리가 처음부터 Javscript를 배울 때 콜백함수가 뭔지 알고 들어가진 않습니다. 이름은 모르지만 프로그래밍을 하면서 계속 사용해왔을 겁니다. 안녕~ addEventListener("click",callback()) 이런 식으로 우린 콜백 함수를 사용하고 있었습니다. Callback함수란? Callback함수는 어떤 함수 안에서 나중에 호출되는 함수입니다. 더 간단하고 직관적으로 설명해보면 콜백함수는 파라미터로 전달해서 실행시키는 함수다. 라고도 말할 수 있습니다. 위에서 말씀드렸듯이 우리는 콜백함수를 계속 사용해왔습니다. 대표적으로 이벤트 리스너가 있죠 funct..
-
[Javascript] let ,const , var 차이점 (호이스팅)Javscript 2022. 2. 2. 23:50
[Javascript] let , const , var 차이점 (호이스팅) Javscript는 기본적으로 var을 이용한 변수 선언만 존재했다. 하지만 var의 문제점을 호리 스팅 let과 const가 나왔다. 이 세 가지 선언 방법의 차이점을 알기 위해선 var의 문제점을 먼저 알아야 한다. 그전에 호이스팅을 먼저 알아보겠습니다. 호이스팅이란? 변수나 함수의 선언을 최상단으로 끌어올리는 것을 말합니다. 그냥 무작정 코드 첫 줄로 올리는 게 아니라 변수가 유효한 범위 최상단으로 올리는 것을 말합니다. var age = 3; console.log(age); //3 호이스팅이 되면 이런 식으로 변하게 됩니다. var age; age = 3 console.log(age) 함수도 호이스팅이 되기 때문에 코드상 ..