javascript21 CSS검색기 제작기 CSS에는 수많은 속성들이 존재한다. 가끔은 아주 기초적인 것조차 기억이 나질 않아 구글링을 한다고 시간을 허비하곤 하는데, 필요할 때마다 구글링 하지 않고 바로바로 검색해서 간단한 핵심설명만 보면 이해가 되려니 싶어 검색할 수 있는 웹사이트를 만들어보았다. 디자인 디자인을 뛰어나게 잘하지는 못하지만 여러가지 디테일을 살려보고자 노력했다. 남성스러움을 강조하는 핑크색 배경 어디서 본듯한 노란색과 보라색 폰트의 조합 말해주지않으면 알 수 없을 것만 같은 그림자효과 코딩은 물론이거니와 미적인 부분은 수련이 아주 많이 필요해 보인다. 구상을 멋지게 해도 그걸 차마 구현해 낼 수 없는 코딩실력으로는 미적인 부분은 꿈도 꿀 수 없으려니.. 지옥 CSS 속성들의 설명을 찾고 손으로 하나하나 써 내려가기 시작.. javascript 2024. 1. 8. 6가지 javascript프레임워크에 대한 심층분석 React.js 향상된 성능을 위한 가상DOM (도큐먼트 객체 모델) 재사용성 향상을 위한 컴포넌트 기반 아키텍처 강력한 커뮤니티 지원 및 다양한 리소스 제공 facebook 에서 개발 및 유지보수 React를 선택하는 이유 React는 여전히 동적이고 인터랙티브한 웹 애플리케이션을 효율적으로 개발할 수 있게 해주어 개발자들에게 인기 있는 선택지로 유지되고 있습니다. Angular 완벽한 MVC 프레임워크 실시간 업데이트를 위한 양방향 데이터 바인딩 프로젝트 스캐폴딩을 위한 포괄적인 CLI Google에서 개발 및 유지보수 Angular를 선택하는 이유 Angular는 대규모 애플리케이션을 구축하기 위한 견고한 기반을 제공하여 기업 수준의 프로젝트에 대한 인기있는 선택지가 되고 있습니다. Vue.js 사.. javascript 2024. 1. 6. javascript 문자열 메서드에 대해 알아봅시다. 01. at( ) const str = "Hello, World!"; console.log(str.at(0)); // "H" console.log(str.at(6)); // "," console.log(str.at(-1)); // "!" 위 예시에서 at() 메서드는 str 문자열에서 지정된 인덱스 위치에 해당하는 문자를 반환합니다. 첫 번째 console.log() 문에서는 인덱스 0에 해당하는 문자인 "H"가 출력됩니다. 두 번째 console.log() 문에서는 인덱스 6에 해당하는 문자인 ","가 출력되며, 마지막 console.log() 문에서는 문자열의 끝에서 첫 번째 문자에 해당하는 인덱스 -1에 해당하는 문자인 "!"가 출력됩니다. at() 메서드는 문자열에서 유효한 인덱스를 사용하여 문자.. javascript 2023. 4. 23. 사이트제작 : CBT유형 제작 CBT,OMR형식의 퀴즈 사이트를 제작해보았습니다. HTML 2020년 1회 정보처리기능사 기출문제 1. 객체지향 프로그램에서 데이터를 추상화하는 단위는 ? 클래스 메서드 상속 메시지 객체지향 언어는 ___입니다. 객체지향언어 2. 다음 빈칸을 채우시오. 객체지향 언어는 ____ 입니다.객체지향 언어는 ____ 입니다.객체지향 언어는 ____ 입니다.객체지향 언어는 ____ 입니다.객체지향 언어는 ____ 입니다. 클래스 메서드 상속 메시지 객체지향 언어는 ___입니다. 객체지향언어 수험자 : 전체 문항 : 문항 남은 문항 : 문항 59분 10초 제출하기 이 코드는 HTML 코드로 이루어진 문제 출제 페이지의 일부분입니다. 페이지에는 2020년 1회 정보처리기능사 시험의 기출문제가 포함되어 있습니다. 페.. javascript 2023. 4. 3. 마무리문제 : 마우스오버효과 : 메뉴바 마무리 문제 1. 이미지에서 마우스 포인터를 다른 곳으로 이동하면 그림이 바뀌는 소스를 작성해 보세요. 마우스 오버하면 짱구가 움직여요! 선택자를 지정하고 마우스 오버했을 때 선택자에 이벤트 메서드인 addEventListener("mouseover") 를 했을 때 변경 될 이미지가 나오게 설정합니다. 마우스 아웃했을 때 선택자에 이벤트 메서드인 addEventListener("mouseout") 를 적용하여 마우스가 그림에서 떨어졌을 때 그림이 원래대로 변하는 효과를 넣었습니다. 마무리 문제 2. 이벤트를 활용하여 필요에 따라 메뉴가 나타나고 감추어 지도록 만들어 봅시다. ☰ Javascript Typescript Node.js 버튼을 클릭 했을 때 버튼이 옆으로 이동하며 목록이 나오는 이벤트를 주기위.. javascript 2023. 3. 30. 문자열과 배열 효율적으로 활용하기! 문자열의 길이 -length 프로퍼티 let str = ""Good morning!" let a = "안녕하세요?" str.length// 14 a.length // 6 자바스크립트에서 number와 boolean,string 유형은 별도로 프로토타입 객체가 만들어져 있습니다. 즉, 숫자는 Number 객체, 문자열은 String 객체라는 식으로 만들어졌는데, 이런 객체를 '래퍼 객체'라고 부릅니다. 문자열에서 길이를 찾을 때는 배열에서처럼 length 프로퍼티를 사용합니다. 공백도 문자열에 포함 됩니다. chatAt(), indexOf() 메서드를 활용하여 문자열에서 문자의 위치를 찾을 수 있습니다. 문자열에서 특정 위치의 문자를 가져오려면 charAt() 함수를 사용합니다. 위치는 인덱스로 표시되는데.. javascript 2023. 3. 29. 이전 1 2 3 4 다음
