전체 글
HTML Canvas와 JS 이용해서 그림판 만들기
🙈Intro 그림판 만들기를 통하여 처음으로 HTML Canvas를 이용해보았는데 만들면서 HTML Canvas 기초적인 내용들을 정리해보았습니다:D 1. 기본 캔버스 설정 /*실제로 우리 눈에 보일 캔버스의 모습을 구현*/ .canvas { width: 500px; height: 600px; background-color: white; border-radius: 15px; box-shadow: 0 4px 6px rgba(50, 50, 93, 0.11), 0 1px 3px rgba(0, 0, 0, 0.08); } const canvas = document.getElementById("jsCanvas"); //캔버스 테그의 요소 가져옴 const ctx = canvas.getContext("2d"); //..
Javascript 알고리즘 #2 소수 찾기
문제 설명 1부터 입력받은 숫자 n 사이에 있는 소수의 개수를 반환하는 함수, solution을 만들어 보세요. 소수는 1과 자기 자신으로만 나누어지는 수를 의미합니다. (1은 소수가 아닙니다.) 제한사항 n은 2이상 1000000이하의 자연수입니다. 입출력의 예 n result 10 4 5 3 첫번째 풀이 방법 2부터 n까지 하나하나 소수인지 점검 나머지가 0인 수가 나오는 순간 걔는 소수가 아니므로 다시 for문으로 가서 다음 수 점검 continue문 영향 받지 않고 내려가서 수행되면 소수이므로 answer++ function solution(n) { var answer = 0; next: for(let i=2;i 소수의 배수들을 제거하고 남은 애들이 소수 기본적으로 1 대입, 소수가 아닌 것들을 ..
Javascript 알고리즘 #1 두 개 뽑아서 더하기
문제 설명 정수 배열 numbers가 주어집니다. numbers에서 서로 다른 인덱스에 있는 두 개의 수를 뽑아 더해서 만들 수 있는 모든 수를 배열에 오름차순으로 담아 return 하도록 solution 함수를 완성해주세요. 제한사항 numbers의 길이는 2 이상 100 이하입니다. numbers의 모든 수는 0 이상 100 이하입니다. 입출력의 예 numbers result [2,1,3,4,1] [2,3,4,5,6,7] [5,0,2,7] [2,5,7,9,12] 풀이 방법 배열 첫번째 하나 가져다가 2,3,4,5,...n 번째 접근하면서 더하기 그 중 중복되지 않는 애들 answer배열에 넣기 answer 배열 버블 정렬 function solution(numbers) { var answer = []..
SOPT 2차 세미나 내용 개괄적 정리
2차 세미나 이후 순전히 내가 보기 위한 지극히 개인적인 목적의 정리임! 콜백함수, Primise, Async/Await + HTML Canvas, drag and drop 실제로 다양하게 활용해보고 다시 정리하기 호이스팅 변수의 정의나 함수의 선언이 유효 범위의 최상단으로 올라가는 것 function hoisting(){ console.log(d); //아래 선언된 것이 호이스팅 일어나서 상단부로 옴 ) undefined console.log(e); //ReferenceError var d = "be"; let e = "sopt"; fuction f(){ console.log("28th"); } } hoisting(); 주의사항 전역변수 var을 함수 내부에 같은 이름으로 적으면 내부에 있는 변수가 우..
CSS 단위 em, rem, vw, vh, vmin, vmax 속성
🙈Intro 단위는 반응형 웹의 기본이 됩니다. 단위를 잘못 사용하면 자칫 융통성 없는 화면이 구성되곤 하죠🥲 그래서 오늘은 기본적으로 반응형 웹에서 필수적으로 알아야 하는 단위들을 정리해보고자 합니다! 🐢 Font-Size 기준 1. em 1em = 부모의 폰트 크기이기 때문에 부모의 폰트크기에 따라 그 값이 달라집니다. ex ) 부모의 폰트 크기가 20px이라면 1em=20px / 부모의 폰트 크기가 16px 이라면 1em=16px 2. rem 1rem = html(root element)의 폰트 크기입니다! em과는 다르게 최상위 요소의 폰트크기에 영향을 받아 html의 폰트 크기를 따릅니다. 기본 html 폰트사이즈는 16px이니, 이것을 이용해서 제어할 수도 있겠지요? ex ) 1rem=16px..
MYSQL 8.0 DB 생성과 사용자 생성과 권한 주기
대표적인 RDB(Relational Database)인 MYSQL에 대해 JDBC를 이용해 학습하면서 이 김에 MYSQL에 대한 내용들은 조금씩이나마 정리해보고자 한다. 기본적인 MYSQL의 구동 구조 1. Database 생성하기 mysql -uroot -p MySQL 관리자 계정인 root로 데이터베이스 관리 시스템(DBMS)에 접속하겠다는 의미이다. 이렇게 MYSQL 관리자 계정으로 들어가면 비밀번호를 치라고 나올텐데, Max Os에서는 엔터를, Window Os에서는 비번을 입력해주면 된다 create database DB이름; database를 생성하겠다는 의미이다. 주의할 것은 mysql에 접속한 이상 ; 를 빼먹지 않고 써줘야한다. 2. Database 사용자 생성과 권한 부여하기 Datab..