본문 바로가기

전체 글106

[4일차] window용 객체, 이벤트 오늘은 저번 객체에 이어서 window용 객체로 시작한다. window용 객체란? window객체는 자바스크립트 최상위 객체이며 BOM과 DOM으로 나뉜다. BOM(Browser Object Medel) : location 객체(주소창 관리), screen객체(창 과 관련), navigator객체(브라우저와 관련) DOM(Document Object Medel) : document 객체 시작하기 전에 window. 이 붙어있는 것들은 모두 생략이 가능하다. window.open(); 새창 열림 [window.]open(["url", "창 의 특정"]) 네이버 버튼을 누르면 네이버로 이동하게된다. window객체의 timer관련 메소드 window.setTimeOut window.setTimeOut(함수,.. 2024. 3. 20.
[3일차] JavaScript의 함수와 객체 JavaScript에서의 함수는 Java와 정말 유사한 구조를 가지고 있는 것 같습니다. 다른게 있다면 변수에 함수를 넣을 수 있다. 정도인 것 같네요. 바로 시작하겠습니다. 함수선언 function 함수명([매개변수, 매개변수...]){ 해당함수 호출시 실행할 코드; [return 결과값;] } 실행확인 익명함수 변수 | 속성 = function([매개변수, 매개변수...]){ 해당함수 호출시 실행할 코드; [return 결과값;] } 특정 변수나 속성에 대입되는 함수 제시시 주로 사용됨. (주로 이벤트 핸들러(이벤트 발생시 실행할 함수)) 실행학인 함수의 매개변수 실행확인 실행확인 실행확인 실행확인 클릭하면 색이 바뀌게 해보기 클릭 함수의 리턴 실행 함수를 리턴 ★ 중요 이름 : 실행 자바와는 완전히.. 2024. 3. 19.
JavaScript의 변수에 함수 넣기, 자료구조 저번에는 자료형과 변수에 대해 알아보았다. 그 중 다루지 않았던 원시값(문자열, 숫자) 를 객체로 만들 수 있다. 먼저 이해하기 위해 자바의 객체를 떠올려보자. 자바의 객체는 큰 구조로 2가지가 있다. 필드(변수 정의부) 메서드(toString, get/set, 메서드) 즉 데이터와 기능이 합쳐져서 객체라는 것이 만들어진다. 그러면 자바스크립트의 객체 선언을 봐보자 let hi = { name: "DD", sayHi: function(){ alert("안녕하세요"); } }; hi.sayHi(); 자바 스크립트에서의 객체 선언은 변수에 메서드(함수)를 넣는 것이다. 갑자기 뭔가 이상하다. "분명이 변수에는 함수가 들어갈 수가 없는데?" 자바스크립트는 가능하다. 받아들여야한다 저렇게 변수에 함수를 넣으면 .. 2024. 3. 18.
[백준] 1037번 풀이 풀이방법에는 크게 두 가지가 있는 것 같다. 배열사용, 리스트 사용 배열을 사용하면 최대값과 최소값을 구해야하고 리스트를 사용하면 정렬하여 첫 번째 인덱스와 마지막 인덱스를 가져오면 될 것 이다. 방법 1. 배열 사용 package B_1037; import java.io.BufferedReader; import java.io.BufferedWriter; import java.io.IOException; import java.io.InputStreamReader; import java.io.OutputStreamWriter; import java.util.StringTokenizer; public class Main { public static void main(String[] args) throws I.. 2024. 3. 17.
JavaScript에서의 변수와 자료형, camelCase 자료형 JavaScript에서는 예전에 사용했지만 지금은 사용하지 않는 자료형이 있다. 바로 var다. 자바스크립트는 굉장히 유연한 녀석이기 때문에 우리가 알고있는 Java와 C 같이 int형, String형, char형 등등으로 나누지 않는다. 모두 하나의 자료형 선언 let 으로 통일한다. (사실은 내부적으로 알아서 바꿔주고 있던 것) 위처럼 아주 자유롭게 선언하는 자바스크립트의 변수는 자료형에 관계가 없다. 따라서 변수는 어떤 순간에 문자열일 수 있고 다른 순간엔 숫자가 될 수도 있습니다. 이처럼 자료형은 있지만 변수에는 순간순간 다른 자료형으로 들어간는 것을 동적 타입(dynamically typed) 이라고 한다. 변수 선언시 자료형을 별도로 지정하지 않음(자료형의 개념이 없는 건 아니다) ->.. 2024. 3. 16.
[2일차] JavaScript의 데이터 입출력, 접근법 자바스크립트에서의 데이터 입출력 window : 자바스크립트의 내장 객체로 브라우저창이 열릴 때 마다 하나씩 만들어지는 객체 브라우저 창 안에 존재하는 모든요소들의 최상위 객체(생략가능) window.alert();이지만 alert();만 써도 된다. document : 웹 문서마다 하나씩 만들어지는 객체(html 문서에 대한 정보들을 가지고 있음) 1) [window.]alert("출력하고자하는 문구"); 2) [window.]console.log("콘솔창에 출력하고자하는 문구") 3) document.write("화면상에 출력하고자하는 문구") 4) 선택한요소.innerHTML | 선택한요소.innerText = "요소에 출력할 문구";\ [window]는 생략이 가능하다. alert, console.. 2024. 3. 15.
JavaScript 개요 오늘은 자바스크립트를 처음 배웠다. 먼저 JavaScript를 배우기전에 알면 좋은 것부터 알고가자! 웹은 크게 3요소로 나뉜다. - html : 웹문서의 큰 틀을 잡을 때 사용한다. - css : html로 구성된 DOM에 다양한 스타일속성을 부여할 때 사용한다. - JavaScript : 웹 문서에서 이벤트가 발생했을 때 실행해야 되는 동작(기능)을 처리 JavaScript는 스크립트 언어라고 불리며 우리가 일반적으로 배우는 프로그래밍 언어와는 다르다. 스크립트 언어란? 프로그램의 동작을 사용자의 요구에 맞게 수행되도록 해주는 용도 빠르게 배울 수 있고 짧은 소스코드로 상호작용이 되도록 고안됨. JavaScript란? 웹 브라우저에서 많이 사용되는 "인터프린터 방식"의 스크립트 언어이다. 인터프린터 .. 2024. 3. 14.
[백준] 2231번 풀이 문제는 다음과 같다. 방법은 두 가지가 존재하는데%연산자와 / 연산자를 잘 이용해서 모든 경우의 수를 검사하면 된다. 1부터 N까지 모든 경우의 수를 찾는 방법, 이 방법은 힌트만 남기고 넘어가겠다. %연산자와 / 연산자를 잘 이용해서 모든 경우의 수를 검사하면 된다. 알고리즘을 찾아서 이용하기. 필자는 2번을 이용해서 풀었다. import java.io.BufferedReader; import java.io.BufferedWriter; import java.io.IOException; import java.io.InputStreamReader; import java.io.OutputStreamWriter; public class Main { public static void main(String[] a.. 2024. 3. 12.
HTML과 CSS에서 글꼴을 바꾸는 방법 글꼴 관련 스타일 글꼴을 바꿀 수도 있다. 우리가 원하는 것을 다운받아서 적용시키면 되는데 주의해야할 점은 저작권을 잘 봐야한다. 개인이 사용가능한지, 교육용인지, 상업적 이용이 가능한지.. 등등 잘 지켜서 불이익을 받지 않도록 허자 사용 방법은 head에 link 시켜주면 된다. 그럼 뭘 link 시켜주면 될까? https://fonts.google.com/ Browse Fonts - Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com 구글에서 무료로 풀어주는 폰트 들이다. 여기에 들어가서 원하는 글꼴을 선택 한 후 나는 이 선언의 어떠한 규정도 어떤 국가, 집단 또는 개인에.. 2024. 3. 11.

티스토리툴바