하참이의 아이디어노트

프로그래머스 데브코스 TIL 7일차이다. 팀도 정해졌고 오늘부터 스터디를 시작하기로 했다. 슬슬 취업준비의 부스팅이 시작되지 않을까 싶다. 취업 드가자!! 마우스 및 키보드 이벤트, 폼 제어, AJAX 통신 정리1. 마우스 이벤트마우스 이벤트는 사용자가 웹 페이지의 특정 요소에 마우스를 클릭하거나 올리는 등의 행동에 반응하여 실행되는 이벤트이다. 대표적으로 .click(), .mouseover(), .mouseout() 등이 있으며, jQuery를 사용하면 더욱 간결하게 처리할 수 있다.예제 – 마우스를 올렸을 때 요소 보이기$("h3").mouseover(function() { $(".ticket").slideDown();});마우스 포인터가 h3 요소 위에 올라가면 .ticket 클래스를 가진..

프로그래머스 데브코스 TIL 6일차 이다. 이 글 역시 밀린 글을 작성하는 거라.. 조금 빠진 부분이 있을 수 있다. 차근차근 꾸준히 작성해나가자자바스크립트 객체와 jQuery의 기초 정리1. 객체 리터럴자바스크립트에서 원시 타입을 제외한 모든 값은 객체이다. 그 중 객체 리터럴(Object Literal)은 가장 기본적이고 직관적인 객체 생성 방법이다.객체 리터럴은 중괄호 {}를 사용하여 객체를 생성하며, 속성(property)과 메소드(method)를 정의할 수 있다.var object = {}; // 빈 객체 생성object.name = "Kim Kyung Ah";object.job = "Developer";console.log(object.name); // Kim Kyung Ahconsole...

프로그래머스 데브코스 TIL 5일차이다. 꾸준히 작성해야 했던 글인데.. 일요일날의 시험 준비로 인해 글 작성이 밀리게 되었다. 스터디 공고 글도 올리고 준비도 해야하고 바쁘다 바빠 하지만 안바쁜 것보다 오히려 좋아야 할 것이다. 바쁨을 이용해 빠르게 성장할 기회는 지금뿐이니까.자바스크립트 제어문 및 객체, 내장 기능 정리1. 조건문 (if)자바스크립트에서 조건문은 특정 조건이 참(true)인지 거짓(false)인지에 따라 코드를 분기하여 실행되도록 제어하는 문장이다.기본 구조if (조건식) { // 조건이 참일 때 실행}예제var number1 = 20;var number2 = 30;if (number1 if ~ else 문if (조건식) { // 참일 때} else { // 거짓일 때..

프로그래머스 데브코스 TIL 4일차이다. 슬슬 다른 수업에서 진행하는 기초적인 프론트의 기술들은 거의 다 배운 것 같다. 오늘은 JS의 처음을 배웠고 내일까지 하면 JS까지 전부 마무리 되지 않을까 싶다.      CSS 반응형 웹 디자인과 JavaScript 기초 정리1. 반응형 웹이란?반응형 웹(Responsive Web)은 사용자가 접속한 스마트폰, 태블릿, 데스크톱 등 다양한 기기의 화면 크기에 맞춰 웹 페이지의 레이아웃을 유동적으로 조절하는 기술입니다. 하나의 웹사이트로 여러 환경에 대응할 수 있도록 설계되어 있으며, 유지 보수가 용이하고 사용자 경험을 향상시키는 장점이 있습니다.반응형 웹의 장점HTML과 CSS로 구성되어 있어 웹 표준을 지원하는 다양한 스마트 기기(웨어러블, 스마트 TV, 게..

프로그래머스 데브코스 TIL 3일차이다. 사실 AI에 의존하면 되지 않을까 해서 프론트에 흥미가 없어서 내용에 집중이 잘 되지 않았는데 프론트 엔드도 상당히 흥미로운 내용들이 많았다. 꾸미고 만드는걸 좋아하는 나에게 집중할 수 있는 계기가 되었기에 열심히 들었던 것 같다.   CSS 기초부터 선택자까지 체계적으로 정리하기 1. CSS란 무엇인가?CSS(Cascading Style Sheets)는 HTML 문서의 시각적 표현을 정의하는 스타일 시트 언어이다. 즉, HTML이 웹 페이지의 구조를 담당한다면, CSS는 그 구조를 어떻게 보이게 할지 지정하는 역할을 한다. 글꼴, 색상, 여백, 레이아웃, 애니메이션 등 모든 시각적인 요소를 제어할 수 있다.CSS는 다음과 같은 방식으로 HTML과 연결할 수 있다..