분류 전체보기(144)
-
동백 // 노마드 코더 바닐라JS: CSS와 JS
출처 : https://nomadcoders.co/ CSS in Javascript 핵심 : Event에 If문을 사용해보자. . 참고로 JS의 if문 문법은 아래와 같다. if(조건문) { 조건문이 참이라면 실행될 문장 } OR if(조건문) { 조건문이 참이라면 실행될 문장 } else { 조건문이 거짓이라면 실행될 문장 } Ex) const age = parseInt( promt("How old are you?") ); if(isNaN(age)) { console.log("Please write a number"); } else { console.log("Thk!"); } - if, else if, else . 만약 h1.style.color가 yellow라면, tomato로 변경하고 그리고 만약 ..
2021.11.03 -
동백 // 노마드 코더 바닐라JS: HTML과 JS
출처 : https://nomadcoders.co/ The Document Object 핵심 : Js가 어떻게 브라우저를 움직이게 하는지 . Js를 사용하는 이유는 HTML과 상호작용하기 위해서이다. HTML의 Element들을 JS를 통해 변경하고, 읽을 수 있다. . document는 브라우저에 이미 존재하는 object이다. HTML을 가르키는 객체이다. 나의 웹사이트를 가리킨다. document는 JS의 관점으로 HTML을 가르키는 객체이다. ! 우리는 HTML 코드를 JS 관점에서 볼 수 있다. 이는 HTML에 있는 것들을 JS로 가져다 쓸 수 있다는 것(변경, 수정, 추가)을 의미한다. JS에서 Html을 변경할 수 있다는 것을 보여줌 HTML in JS 핵심 : JS에서 HTML의 특정한 무..
2021.11.02 -
동백 //노마드 코더 바닐라JS : Events
출처 : https://nomadcoders.co/ 핵심 : event를 설정할 수 있다. . JS를 통해 HTML의 내용을 가져올 수 있다는 것은 app.js를 HTML에 연결한 덕분이다! document가 HTML이 app.js를 load하기 때문에 존재하는 것임. Grab me! . console.dir을 사용하면 object로 표시한 element를 보여줌. . 위 항목들은 전부 JS object임. 이는 object 내부에 있는 property들의 값을 변경할 수 있다는 것을 의미함. . 위 사진의 style을 보면, js형식으로 작성되어 있음. 이는 js에서 변경할 수 있음을 의미함. const hellos = document.querySelector("div.hello:first-child ..
2021.11.02 -
백준 파이썬 2447: 별찍기 - 10
문제의 핵심 알고리즘 = 재귀함수 도움을 받은 블로그 = https://yeol2.tistory.com/38 백준 #2447: 별찍기 [Python] 접근법 사실 어떤 규칙이 있는지 찾는데도 시간이 오래 걸렸다. 우선 규칙은 예시로 나와있는 출력을 아래와 같이 줄을 그어보면 찾을 수 있다. 크게 3 * 3 형태의 사각형만 주목해서 보다 보면 yeol2.tistory.com 별 찍기 - 10 시간 제한 메모리 제한 제출 정답 맞은 사람 정답 비율 1 초 256 MB 37799 19554 14436 51.685% 문제 재귀적인 패턴으로 별을 찍어 보자. N이 3의 거듭제곱(3, 9, 27, ...)이라고 할 때, 크기 N의 패턴은 N×N 정사각형 모양이다. 크기 3의 패턴은 가운데에 공백이 있고, 가운데..
2021.11.01 -
동백 // 백준 파이썬 1436번 영화감독 숌
문제의 핵심 알고리즘 : 부르트포스 알고리즘 영화감독 숌 성공 시간 제한 메모리 제한 제출 정답 맞은 사람 정답 비율 2 초 128 MB 44923 19787 16116 44.288% 문제 666은 종말을 나타내는 숫자라고 한다. 따라서, 많은 블록버스터 영화에서는 666이 들어간 제목을 많이 사용한다. 영화감독 숌은 세상의 종말 이라는 시리즈 영화의 감독이다. 조지 루카스는 스타워즈를 만들 때, 스타워즈 1, 스타워즈 2, 스타워즈 3, 스타워즈 4, 스타워즈 5, 스타워즈 6과 같이 이름을 지었고, 피터 잭슨은 반지의 제왕을 만들 때, 반지의 제왕 1, 반지의 제왕 2, 반지의 제왕 3과 같이 영화 제목을 지었다. 하지만 숌은 자신이 조지 루카스와 피터 잭슨을 뛰어넘는다는 것을 보여주기 위..
2021.11.01 -
동백 // 백준 파이썬 7568번 덩치
문제 우리는 사람의 덩치를 키와 몸무게, 이 두 개의 값으로 표현하여 그 등수를 매겨보려고 한다. 어떤 사람의 몸무게가 x kg이고 키가 y cm라면 이 사람의 덩치는 (x, y)로 표시된다. 두 사람 A 와 B의 덩치가 각각 (x, y), (p, q)라고 할 때 x > p 그리고 y > q 이라면 우리는 A의 덩치가 B의 덩치보다 "더 크다"고 말한다. 예를 들어 어떤 A, B 두 사람의 덩치가 각각 (56, 177), (45, 165) 라고 한다면 A의 덩치가 B보다 큰 셈이 된다. 그런데 서로 다른 덩치끼리 크기를 정할 수 없는 경우도 있다. 예를 들어 두 사람 C와 D의 덩치가 각각 (45, 181), (55, 173)이라면 몸무게는 D가 C보다 더 무겁고, 키는 C가 더 크므로, "덩치"로만 볼..
2021.11.01