반응형 javascript120 [JavaScript] BOM(브라우저 객체 모델) Window 객체 Navigator 객체더보기/* 사용자 정보 확인 */const user = navigator.userAgent;/* 정규표현식: /(슬러쉬)내 문자가 ver내에 있는지 판단. 대소문자 구분 */const isIE = /trident/i.test(ver);/* Explore 접속시 경고 표시 */if(isIE) { alert("익스플로러 브라우저로 접속하셨네요. 이 웹페이지는 익스플로러를 지원하지 않습니다. 다른 브라우저로 접속해 주세요.");} 2025. 3. 6. [JavaScript] 태그 속성값 제어 태그 속성값 제어더보기/* 속성값 확인하기 */const tag = document.querySelector("선택자");const tagAttr = tag.getAttribute("속성명");/* 속성값 변경하기 */const tag = document.querySelector("선택자");tag.setAttribute("속성명", "값"); 2025. 3. 6. [JavaScript] DOM script 연결- script 태그 이용. defer를 사용하여 HTML 페이지 로딩을 동시에 진행- script 위치 순서 중요더보기출력더보기// console 창에 출력console.log("Hello World!");// pop업 창으로 확인 메시지alert("Are You Ready?");HTML 요소 선택더보기// 선택자로 HTML 요소 1개 선택const tag = document.querySelector("선택자");// 선택자로 HTML 요소 모두 선택const tagList = document.querySelectorAll("선택자");// 자식들 모두 선택const div = document.querySelector("div");const child = div.children;// 직.. 2025. 3. 6. [HTML] 외부파일 연동(CSS, JavaScript) 외부파일 연동더보기더보기TagDescriptioncss 파일 연동javascript 파일 연동외부파일 연동 예시더보기더보기 ... 2025. 3. 5. [참고자료] 컴퓨터공학 로드맵 프로그래밍 언어- 버전별 기본 문법 + 공식 문서 + 내부 동작과정 C Language- [Website] 모두의 코드(C): https://modoocode.com/category/C- [교재] C언어 코딩도장(남재윤)- [Website] cppreference: https://en.cppreference.com/w/c C++- [Website] 모두의 코드(C++): https://modoocode.com/category/C++- [교재] 명품 C++ Programming(황기태)- [교재] 포르잔 C++ 바이블(Behrouz A. Forouza)- [Website] cpprefernce: https://en.cppreference.com/w/cpp/language- [Website] cpluspl.. 2025. 3. 2. [로드맵] 웹 개발 - 학습로드맵 웹 기본1. 프로그래밍 언어- Java + Coding Convention(Google)- JavaScript + Coding Convention(Airbnb)- 디자인 패턴 2. 알고리즘 && 코딩테스트(Java)- [교재] - [교재] - [Site] Programmers- [Site] Softeer 3. 네트워크- [교재] → [자격증] 네트워크관리사 2급 4. 운영체제/컴퓨터구조- [교재] → [자격증] 리눅스마스터 2급 / 리눅스마스터 1급 5. 데이터베이스- [교재] → [자격증] SQLD / SQLP 6. CS 총정리→ [자격증] 정보처리기사 7. 정보보안- [Site] DreamHack→ [자격증] 정보보안기사 웹 개발1. 웹 기획: Word + PowerPoint + Figma- [교재.. 2025. 2. 15. [웹퍼블리싱] 웹퍼블리싱- 참고자료 HTML + CSS + JS- [Video] Do it! 프런트엔드 웹 디자인 입문- [Video] Do it! 반응형 디자인- [Video] Do it! HTML+CSS+자바스크립트 웹 표준의 정석- [Video] Do it! 인터랙티브 웹 페이지 만들기- [Video] 미대 교수 디자인 박사: 디자인 자격증 - 2024 웹디자인기능사 필기 과외노트- [Video] 이기적 영진닷컴: 웹디자인개발기능사 실기 기본서- [Video] 이기적 영진닷컴: 웹디자인기능사 실기 기본서(2024)- [Video] webstoryboy: 2023 웹디자인기능사 실기 강의 2025. 2. 15. [백엔드] 백엔드 - 참고자료 백엔드(Java)- [교재] OpenAPI와 스웨거를 활용한 실전 API 설계(조시 포널랫, 루카스 로젠스톡)- [교재] - [교재] - [Doc] SpringBoot- [Doc] Spring 백엔드(Java) 개발 도구- [Site] Eclipse- [Site] IntelliJ- [Site] Postman- [Site] Swagger 백엔드(JavaScript)- [교재] OpenAPI와 스웨거를 활용한 실전 API 설계(조시 포널랫, 루카스 로젠스톡)- [교재] - [교재] - [Doc] NodeJS- [Doc] Express- [Doc] NestJS 백엔드(JavaScript) 개발 도구- [Site] VSCode- [Site] Postman 2025. 2. 12. [프론트엔드] 프론트엔드 - 참고자료 웹 개발- [Site] HTML, CSS 첫걸음(HEROPY.DEV)- [교재] Do it! HTML + CSS + 자바스크립트 웹 표준의 정석(고경희)- [강의] Do it! HTML + CSS + 자바스크립트 웹 표준의 정석(이지스퍼블리싱)- [교재] Do it! 인터랙티브 웹 페이지 만들기(최성일)- [강의] Do it! 인터랙티브 웹 페이지 만들기(이지스퍼블리싱)- [교재] 프론트엔드 성능 최적화 가이드(유동균)- [교재] 기초부터 완성까지, 프론트엔드(이재성, 한정)- [교재] 프레임워크 없는 프론트엔드 개발(프란세스코 스트라츨로)- [교재] 프론트엔드 개발을 위한 테스트 가이드(요시이 다케후미)+) [교재] 프론트엔드 개발자를 위한 테스트 가이드(에란 킨스브루너)- [교재] 따라하며 쉽게 배우.. 2025. 2. 12. [코딩테스트] Softeer 입문 1. Softeer 접속- https://softeer.ai/ 2. 회원가입 및 로그인- 우측 상단의 로그인/회원가입 클릭- 로그인 페이지에서 회원가입 클릭- 회원가입 절차에 따라 진행 3. Softeer 로그인- Softeer 로그인 페이지에서 아이디와 비밀번호를 입력하여 로그인 4. 코딩테스트 문제- Softeer 메인 페이지의 상단 탭의 Challenge의 연습문제 클릭- 연습문제 페이지의 우측 상단 필터보기에서 난이도별 문제 확인 5. 문제 풀기- 중앙에서 문제 풀이에 사용할 프로그래밍 언어 설정- 공식문서 버튼을 클릭하여 참고 언어별 주요 클래스와 메서드 참고- 좌측 문제를 보고 문제에 맞게 코드 작성- 코드 실행 버튼은 테스트 케이스 추가하기에 추가된 예시를 확인- 제출 버튼을 클릭하여 최종 .. 2025. 2. 9. 이전 1 2 3 4 ··· 12 다음 반응형
