전체 글4 [VS Code] 로또 번호 추첨기 만들기 안녕하세요, GUO입니다.오늘은 VS Code를 사용하여 간단한 로또 번호 추첨기를 만들어보았습니다. 출처는 ▼ https://youtu.be/0BFt2yuaJSY?si=TUXzsfHP7p0Ef9fC요즘 시청하며 공부하고 있는 '유노 코딩'님의 영상을 보고 만들어보았습니다. 먼저 결과물부터 보여드릴게요. 추첨을 누를 때마다 1부터 45중 랜덤의 숫자가 나오고 다시를 누르면 리셋되는 형식의 간단한 추첨기입니다. 1. HTML HTML 과 CSS 부분은 참고용으로 첨부해 두고,오늘의 핵심인 Java script 부분을 자세히 보여드리겠습니다. 2. JS 먼저 div id를 가져온 후,숫자를 관리하는 `lottoNumbers` 배열과로또 번호의 색을 지정하는 `colors` 배열을 만들어주었습.. 2024. 9. 8. [JavaScript] 자바스크립트의 다양한 지식 #2 안녕하세요. GUO 입니다.오늘은 그동안 공부해온 JavaScript 지식을 복습할 겸 적어보려고 합니다.(주관적인 복습 개념으로 적는 글이기 때문에 일부 제외된 부분이 있을 수 있습니다) 1. 생성자 함수비슷한 객체를 여러 개 만들어야 하는 상황(회원, 상품)에서 생성자 함수를 이용할 수 있습니다. 생성자 함수 = 필요한 재료를 넣어 찍어내는 와플팬생성된 객체 = 와플 첫 글자는 대문자로 사용`new` 연산자를 사용해서 호출`new` 키워드를 사용하면 자바스크립트는 먼저 빈 객체를 자동으로 생성합니다. 이 객체는 생성자 함수 내에서 `this` 키워드를 통해 참조됩니다. 생성자 함수가 끝나면, 자바스크립트는 암묵적으로 `this`를 반환합니다. 즉, `return this;`가 명시적으로 작성되지.. 2024. 8. 23. [JavaScript] 자바스크립트의 다양한 지식 #1 안녕하세요. GUO 입니다.오늘은 그동안 공부해온 JavaScript 기초 지식을 복습할 겸 적어보려고 합니다.(주관적인 복습 개념으로 적는 글이기 때문에 일부 제외된 부분이 있을 수 있습니다) 1. 함수 스코프(Function Scope) 와 블록 스코프(Block Scope)1) 함수 스코프(Function Scope)함수 스코프는 프로그래밍 언어에서 변수가 함수 내에서만 유효하고, 함수 외부에서는 접근할 수 없는 스코프(범위)입니다. 함수 스코프는 변수의 범위를 함수 단위로 제한하기 때문에, 같은 이름의 변수가 다른 함수들에서 독립적으로 사용될 수 있습니다. 예시 코드처럼 `var` 로 선언된 변수 `x`는 `exFunction` 이라는 함수 내에서만 유효한 변수이며, 함수 밖에서 접근을 시도할.. 2024. 8. 11. [Visual Studio Code] HTML & CSS 첫 홈페이지 만들어보기 안녕하세요, GUO입니다.HTML & CSS을 배운 지 1주 차가 되는 날입니다.이번 글에서는 VS Code를 사용하여 만든 간단한 홈페이지를 소개하고, 배운 내용을 정리하고자 합니다. 먼저 한 시간가량의 강의를 통해 HTML과 CSS의 기본 개념을 익히고,그 후 홈페이지 만드는 강의를 시청하며 직접 코드를 따라 작성해 홈페이지를 제작해보았습니다. Contents 작성한 코드결과물난관과 해결책마무리하며출처 작성한 코드0. Setting ㄴ CSS 앞으로 적용할 디자인의 기본 세팅과자주 사용할 공통 클래스를 가장 먼저 위에 적어두었습니다. 1. Intro ㄴ HTML ㄴ CSS 가장 먼저 홈페이지 상단의 인트로를 만들었습니다. 인트로를 만들면서 강의 자료 이미지를 보니 번개가 치는 이미지여서나만의.. 2024. 7. 24. 이전 1 다음
