개발자 노트 - 강경훈 story
close
프로필 배경
프로필 로고

개발자 노트 - 강경훈 story

  • 분류 전체보기 (582)
    • 설치메뉴얼 (9)
    • Java (273)
      • Java 기초 문법 (24)
      • Java 객체 지향 핵심 (30)
      • Java 유용한 클래스 (51)
      • 자료구조 (20)
      • JSP (28)
      • Swing 프로젝트 (19)
      • 교재 정리 (12)
      • 디자인 패턴 (11)
      • 자바 라이브러리 (6)
      • 알고리즘(코테) (67)
    • Spring Boot (92)
      • Bank App 만들기 (deployment) (30)
      • 추가 개념 (7)
      • Blog 프로젝트 만들기(JPA) (53)
    • My Project (29)
      • 쇼핑몰 (15)
      • Java Swing 멀티 쓰레딩 프로그램 (10)
      • Java 1 : N 양방향 소켓 통신 (스윙) (4)
    • 면접 질의 응답 모음 (5)
    • CS (28)
      • 컴퓨터 구조 (7)
      • 운영체제 (6)
      • 네트워크 (8)
      • 시스템 설계 (7)
    • Vue.js (1)
      • 사전지식 (1)
    • MySQL (47)
      • 정리 (33)
      • 1일 1쿼리 (14)
    • HTML CSS (30)
      • HTML (10)
      • CSS (8)
      • CSS flexbox (9)
      • 블로그 만들기 (3)
    • JS (23)
      • JavaScript 핵심 (6)
      • JS 작업을 위한 코딩 연습 (8)
      • JavaScript 게시판 만들기 (8)
    • Git (9)
      • 강의 정리 (5)
      • 교재 정리 (3)
    • Flutter (27)
      • 기초 (4)
      • Flutter UI 프레임워크 (18)
      • MVVM 패턴과 상태 관리 (4)
    • error note (4)
      • Java (4)
    • 방통대정리 (2)
      • C++프로그래밍 (2)
  • 홈
  • 깃 허브
  • 설정
9. JS 코드 리팩토링 해보기 (객체 리터럴 표기법 사용)

9. JS 코드 리팩토링 해보기 (객체 리터럴 표기법 사용)

1. signIn.jsconst signInApp = { userList: JSON.parse(localStorage.getItem('userList')), elements: { inputs: document.querySelectorAll('.inputs'), button: document.querySelector('button') }, init: function() { this.bindEvents(); }, bindEvents: function() { this.elements.button.addEventListener('click', this.login.bind(this)); }, login: function(..

  • format_list_bulleted JS/JavaScript 게시판 만들기
  • · 2024. 8. 29.
  • textsms
8. JavaScript boardDetail.js 상세보기 화면 만들기

8. JavaScript boardDetail.js 상세보기 화면 만들기

목차1. 디자인 시안 확인권한이 있는 경우 (본인 작성 글)권한이 없는 경우 (다른 사용자 작성 글, 비로그인 시)2. 코드board-detail.html 게시판 로그인 회원가입 상세보기 화면 by JS 제목 작성자 ..

  • format_list_bulleted JS/JavaScript 게시판 만들기
  • · 2024. 8. 29.
  • textsms
JavaScript 목차

JavaScript 목차

JavaScript 핵심JS - 사전 기반 지식 JS - 점검 1(데이터 타입 및 연산) JS - 점검 2(객체와 배열) JS - 점검 3(함수에 이해와 활용) JS - 점검 4(Document Object Model) JS - 점검 5(Browser Object Model) JS - 점검 6(웹 페이지 렌더링 과정) JS 작업을 위한 코딩 연습 JS 이벤트 처리 - 1 (기본) JS 이벤트 처리 - 2(addEventListener) JS 이벤트 처리 - 3(forms) JS 이벤트 처리 - 4(반복문과동적생성) JS 이벤트 처리 - 5(이미지 토글) JS 이벤트 처리 - 6(배너변경하기) JS 이벤트 처리 - 7(Promise) JS 이벤트 처리 - 8(AJAX 와 Fetch API)Ja..

  • format_list_bulleted JS
  • · 2024. 8. 27.
  • textsms
7. JavaScript boardWrite.js 글쓰기 기능 만들기

7. JavaScript boardWrite.js 글쓰기 기능 만들기

1. 디자인 시안 확인board-write.html: 비 로그인 시 로그인 페이지로 리다이렉션 처리 됨: 파일 미리 보기 기능 구현2. 코드borad-write.html 게시판 로그인 회원가입 글쓰기 by JS 제목 작성자 ..

  • format_list_bulleted JS/JavaScript 게시판 만들기
  • · 2024. 8. 27.
  • textsms
6. JavaScript board-list 기능 만들기

6. JavaScript board-list 기능 만들기

목차1. 디자인 시안 확인board-list.html게시글이 없는 경우 (비로그인시), 게시글이 는 경우(로그인시)2. (사전 기반 지식) 자바스크립트의 if문 조건식의 평가 방식 if (조건) {     // 조건이 true일 때 실행되는 코드 } 자바스크립트에서 if 문 안에 들어가는 조건식은 Boolean 값으로 평가됩니다.즉, 조건식이 true로 평가되면 코드 블록이 실행되고, false로 평가되면 실행되지 않습니다.자바 스크립트 "truthy"와 "falsy”다음은 자바스크립트에서 거짓(false)으로 평가되는 "falsy" 값false: Boolean 값 false0: 숫자 0"": 빈 문자열 (길이가 0인 문자열)null: 값이 없음을 나타내는 값undefined: 정의되지 않은 상태를 나타..

  • format_list_bulleted JS/JavaScript 게시판 만들기
  • · 2024. 8. 26.
  • textsms
5. JavaScript 로그인 기능 만들기

5. JavaScript 로그인 기능 만들기

1. 디자인 시안 확인sign-in.html2. 코드sign-in.html 게시판 로그인 회원가입 로그인 by JS 아이디 비밀번호확인 ..

  • format_list_bulleted JS/JavaScript 게시판 만들기
  • · 2024. 8. 22.
  • textsms
  • navigate_before
  • 1
  • 2
  • 3
  • 4
  • navigate_next
공지사항
  • 목차 목록
전체 카테고리
  • 분류 전체보기 (582)
    • 설치메뉴얼 (9)
    • Java (273)
      • Java 기초 문법 (24)
      • Java 객체 지향 핵심 (30)
      • Java 유용한 클래스 (51)
      • 자료구조 (20)
      • JSP (28)
      • Swing 프로젝트 (19)
      • 교재 정리 (12)
      • 디자인 패턴 (11)
      • 자바 라이브러리 (6)
      • 알고리즘(코테) (67)
    • Spring Boot (92)
      • Bank App 만들기 (deployment) (30)
      • 추가 개념 (7)
      • Blog 프로젝트 만들기(JPA) (53)
    • My Project (29)
      • 쇼핑몰 (15)
      • Java Swing 멀티 쓰레딩 프로그램 (10)
      • Java 1 : N 양방향 소켓 통신 (스윙) (4)
    • 면접 질의 응답 모음 (5)
    • CS (28)
      • 컴퓨터 구조 (7)
      • 운영체제 (6)
      • 네트워크 (8)
      • 시스템 설계 (7)
    • Vue.js (1)
      • 사전지식 (1)
    • MySQL (47)
      • 정리 (33)
      • 1일 1쿼리 (14)
    • HTML CSS (30)
      • HTML (10)
      • CSS (8)
      • CSS flexbox (9)
      • 블로그 만들기 (3)
    • JS (23)
      • JavaScript 핵심 (6)
      • JS 작업을 위한 코딩 연습 (8)
      • JavaScript 게시판 만들기 (8)
    • Git (9)
      • 강의 정리 (5)
      • 교재 정리 (3)
    • Flutter (27)
      • 기초 (4)
      • Flutter UI 프레임워크 (18)
      • MVVM 패턴과 상태 관리 (4)
    • error note (4)
      • Java (4)
    • 방통대정리 (2)
      • C++프로그래밍 (2)
최근 글
인기 글
태그
전체 방문자
오늘
어제
전체
Copyright © 쭈미로운 생활 All rights reserved.
Designed by JJuum

티스토리툴바