javascript6 [TS|TIP] 회전된 사각형을 내접하는 사각형(BoundingBox) 구하기 회전된 사각형을 내접하는 사각형(BoundingBox) 구하기해당 아이디어를 기억해놓기 위한 기록이다. 아래는 순서대로 BoundingBox를 구하기 위한 함수들이다.가능한 한 함수가 하나의 기능을 하도록 구현하였다. 1. 각도를 라디안(radians)으로 변환하는 함수const toRadians = (angle: number): number => { return (angle * Math.PI) / 180;}; 2. 회전한 사각형의 경계 계산에 사용되는 코사인, 사인 값을 구하는 함수const getCosSin = (radians: number): { cos: number; sin: number } => { return { cos: Math.abs(Math.cos(radians).. 2024. 7. 24. [Javascript] 문자열의 마지막 문자 가져오기 문자열의 마지막 문자 가져오기 파이썬에서 문자열의 마지막 요소를 가져오려면 배열 a의 a[-1]를 가져오면 됐었다. (아주 간편한 친구였다..!) 자바스크립트에서는 배열 마지막 요소를 -1의 인덱스로 가져오게 된다면, 아래와 같이 오류가 발생한다. 문자열의 마지막 문자를 가져오는 방법은 여러가지가 있겠지만, 기록하고자 하는 총 4가지 방법이 있다. 1. charAt()으로 마지막 문자 가져오기 charAt(index)는 index의 문자를 가져온다. 문자열의 마지막 index는 str.length - 1으로 계산 가능하다. '문자열 str의 길이를 length로 계산하고, index는 0으로 시작하기 때문에 -1을 해주면 마지막 문자열의 index이다. const str = "Hello, World"; .. 2023. 5. 20. [Web] FE - jQuery jQuery란? jQuery란, 웹 사이트에서 자바스크립트를 쉽게 활용할 수 있도록 도와주는 오픈소스 기반의 JavaScript 라이브러리이다. - JavaScript와 다른 특별한 소프트웨어가 아니라 미리 작성된 코드를 모아둔 것 - 직접 JS 코드를 작성하여 모든 기능을 구현할 수도 있지만, 이 경우에 코드가 복잡하고, 개발 환경과 다른 브라우저에서 잘 작동을 안 하는 등 브라우저 간 호환성을 직접 고려해야하는 등의 문제가 있기 때문에 전문 개발자가 작성한 라이브러리를 가져와서 사용하면 편하다. - 대신, 쓰기 전에 임포트(import)를 해주어야한다.!!!!! - jQuery와 순수 JavaScript의 코드를 비교해보면, JS에서 element란 id를 가진 요소를 감추려면 이렇게 길고 복잡하게 .. 2022. 8. 22. [Web] FE - JavaScript 조건문, 반복문 자바스크립트(JavaScript, 줄여서 JS)란? 자바스크립트는 프로그래밍 언어로, HTML 상에서 쓸 수 있는 언어이다. Q. 왜 브라우저는 Javascript만 알아들어요? HTML안에다 파이썬, Java 같은 언어를 써서 주면 안되나? A. 불가능한 이야기는 아니다. 다만, 이 "역사적인 이유 & 이미 만들어진 표준"이기 때문에, 모든 브라우저는 기본적으로 Javascript를 알아듣게 설계되어있고, 모든 웹서버는 HTML+CSS+Javascript를 응답(response) 데이터로 주게 되어있다. Q. Java와 Javascript는 어떤 차이가 있나? A. 인도와 인도네시아.. 바다와 바다코끼리.. 처럼 아무 관련 없다. 자바스크립트 맛보기 띄어놓은 페이지의 크롬 개발자도구 콘솔창에서 자바스크.. 2022. 8. 22. [Web] FE - Javascript 연산 Javascript의 연산 산술연산 자바스크립트는 HTML, CSS와는 다르게 다양한 산술, 대입 등의 연산자를 통해 숫자, 문자 등을 출력할 수 있다. //연산 var x, y; x = 5; y = 9; y++; //10 x--; //4 --x; //3 ++x; //4 x = x + 2; //6 x += 2; //8 document.write(x, ' '); x *= 2; //16 document.write(x, ' '); var 이름 = '성이름'; var 나이 = 10; document.write('제 이름은 ' + 이름 + ' 제 나이는 ' + 나이 + '입니다.' , ' '); document.write(`제 이름은 ${이름}입니다. 제 나이는 ${나이+나이} 입니다.`); 비교연산 객체의 크고.. 2022. 8. 22. [Web] FE - JavaScript 기초 Computational Thinking Computational Thinking은 문제에 체계적으로 접근하여 컴퓨터가 수행할 수 있도록 해결책을 만드는 과정이다. JavaScript JavaScript란? 웹페이지에서 동작하는 프로그램을 만들 때 사용된다. brave 브라우저? (https://brave.com/ko/download/) - HTML, CSS를 프로그래밍적으로 제어할 수 있다. - 웹브라우저가 해석해서 실행할 수 있는 유일한 프로그래밍 언어 (였지만 몇 년 전 웹어셈블리 새롭게 등장) - 요즘은 브라우저가 아닌 환경에서도 자바스크립트를 실행할 수 있게 되면서 게임 프로그래밍, 서버 프로그래밍 등 다양한 분야에서 쓰여지고 있다.~ 정적인 웹에서 동적인 웹으로 - 자바스크립트의 원래 명칭은 .. 2022. 8. 19. 이전 1 다음
