전체 글

[자바스크립트] 난수 생성

[Javascript] 난수 생성하기 (랜덤 숫자, Random Number) - 어제 오늘 내일 (tistory.com) [Javascript] 난수 생성하기 (랜덤 숫자, Random Number) Javascript로 난수를 생성하는 방법을 소개합니다. Math.random() 범위를 지정한 난수 생성하기 0~9 0~10 0~99 0~100 1~10 2~5 난수 생성 함수 만들기 (범위 지정) min

트럼프 카드 뒤집기 예제

https://github.com/gilbutITbook/006960/tree/master/ch14/%EC%B6%94%EA%B0%80_%EC%98%88%EC%A0%9C-%ED%8A%B8%EB%9F%BC%ED%94%84_%EB%92%A4%EC%A7%91%EA%B8%B0

[자바] 초간단 성적합산 프로그램

class Grade{ int enggrade; //영어성적변수 int mathgrade;//수학성적변수 void outputgrade() { System.out.println(enggrade+mathgrade); } } public class HelloWorld { public static void main(String[] args) { Grade gradeA=new Grade(); //2명의 성적을 표현할 객체 생성 Grade gradeB=new Grade(); gradeA.enggrade = 90;//점수입력 gradeA.mathgrade = 75; gradeB.enggrade =80; gradeB.mathgrade=60; gradeA.outputgrade(); gradeB.outputgrade()..

[자바 스크립트] 즉시실행함수... 그리고 클로저

https://youtu.be/qh6wq67KjTg main.js function Tell() { console.log("Tell"); } function Dance() { console.log("Dance"); } (function () { Tell(); Dance(); })(); 정상적인 출력

[기초 자바스크립트] 화살표 함수

https://youtu.be/KF6t61yuPCY ** 코딩악마님의 무료 유튜브 강의를 듣고 작성한 포스팅입니다** 타임라인 1:12:16 부터 함수선언문 : 호이스팅됨 : 어디서든 호출이 가능함 : 가능한 이유 : 자바스크립트는 실행 전 초기화 단계에서 선언된 모든 함수 모임을 찾아서 생성. 즉, 함수를 사용할 수 있는 범위가 전체가 되는 것임. function sayHelllo(){ console.log('Hello'); } 함수표현식 : 호이스팅 되지 않음 : 즉, 코드에 도달해야만 생성됨 let sayHelllo = function(){ console.log('Hello'); } : 함수표현식을 요리조리 요리하면 나옴 let add = function(num1, num2){ return num1..

[기초 자바스크립트] DOM(아직 작성중)

https://youtu.be/Y3_2BLb3hz8 * 해당 포스팅은 1분 코딩님의 유튜브 무료 강의를 참고하여 학습, 작성하였습니다* part1,2 내용 DOM과 Event까지 하면 동적인 페이지를 구성하는 것이 가능해진다! 웹 HTML 태그들을 짜다보면 트리구조가 형성이 되고, 이 트리구조를 이루는 요소 각각 하나하나가 전부 자바스크립트 객체이다. (태그 뿐만 아니라 텍스트도 마찬가지 취급... 심지어 클래스나 ID, 또는 하이퍼링크나 img src 같은 속성 그런 애들도.. DOM 객체에 속한다 결국 DOM 스크립트는 html element를 자바스크립트로 조작하는 것을 말한다.) DOM(Document Object Model) DOM이란, 문서에 있는 객체들을 바라보는 모델 DOM(Document..

CSS의 레이아웃 display

https://youtu.be/jWh3IbgMUPI *위 드림코딩 엘리님의 무료 유튜브 영상을 보고 학습한 기록을 남긴 포스팅입니다.*(엘리님께 언제나 무한 감사..) Block블록레벨(대표주자 div)과 Inline인라인레벨(대표주자 span)에 대해서 알아보자 div, span { width: 80px; height: 80px; margin: 20px; background-color: pink; } 위의 코드에서 span이 출력되지 않은 이유는 span은 안에 내용이 있어야 표기되기 때문이다! span은 기본적으로 Inline-Level이기 때문에 한 줄에 공간이 많으면 여러개가 나올 수 있다. 1초라도 안 보이면 2렇게 서운한데 3초는 어떻게 기다려~ 구분을 위하여 각각 다른 스타일을 입혀보자 di..