전체 글69 [JavaScript] 문자 중간에 변수 집어넣기 보호되어 있는 글 입니다. 2024. 10. 7. [JavaScript] Array, Object 자료형, 데이터 바인딩 Array 자료형- 여러가지 자료를 한 곳에 저장하고 싶을 때 사용하는 자료형var fruit = ['사과', 5000, 'apple']; - 대괄호를 열고 자료를 콤마로 구분해서 넣으면 여러 자료를 엑셀처럼 저장 가능하다.var fruit = ['사과', 5000, 'apple'];console.log(fruit[1]);- array 자료에서 데이터를 꺼낼 때는 대괄화 뒤에 [x]를 붙이면 된다. x번째 자료를 출력해 준다.var fruit = ['사과', 5000, 'apple'];fruite[1] = 7000;console.log(fruit[1]);- array 자료를 수정하거나 추가하고 싶으면 등호를 이용하면 된다.- 여러 자료를 하나의 변수에 저장하고 싶을 때 array를 사용하면 편리하다. .. 2024. 10. 7. [JavaScript] 이벤트 버블링, 이벤트 관련 함수들, dataset https://heeccup.tistory.com/72 [JavaScript] UI 애니메이션🌱 들어가기 전에버튼을 누르면 모달창을 띄워 보자.로그인 로그인하세요 닫기 .black-bg { display: none; width : 100%; height : 100%; padding: 30px; background : rgba(0,0,0,0.5); position : fixed; top: 0; left: 0; z-index : 5;heeccup.tistory.com이전 포스팅에서 모달창을 하나 만들어서 띄웠었다. 오늘은 모달창의 검은 배경을 누르면 모달창이 닫히는 기능을 추가해 보자. (생략) ▲ 모달창 HTML 부분이다. 모달창 오픈할 때 show-modal 클래스명을 넣어서.. 2024. 9. 30. [React] To Do List 만들기 - 2 리액트로 To Do List 만들기📖 사용 기술Editor : VScodeLanguagehtmlcssReact.js배포: Github.io 클릭 📂 컴포넌트 구조 📂 src ├── 📂 components │ ├── 📄 AddTodo.js # 할 일 추가 컴포넌트 │ ├── 📄 Container.js # 레이아웃을 담당하는 컨테이너 컴포넌트 │ ├── 📄 Title.js # 타이틀 컴포넌트 │ ├── 📄 TodoList.js # 할 일 목록 컴포넌트 └── 📄 App.js # 메인 애플리케이션 컴포넌트 📖 기능할 일 추가할 일 삭제할 일 수정할 일 완료 여부 체크할 일 목록 표시로컬 스토리지 활용 : 페이지를 새로고침하거나 브라우저 닫.. 2024. 9. 30. [React] To Do List 만들기 - 1 리액트로 To Do List 만들기📖 사용 기술Editor : VScodeLanguage htmlcssReact.js배포: Github.io 📂 컴포넌트 구조App├── header└── container ├── TodoForm # 할 일 추가 컴포넌트 └── TodoList # 할 일 목록 컴포넌트 📖 기능할 일 추가할 일 완료 여부 체크할 일 삭제할 일 목록 표시그리고 localStroage에 데이터를 저장해서 새로고침을 해도 데이터가 유지될 수 있도록 했다. 📖 기능 구현1. 할 일 추가(Create)- 할 일을 입력하고 추가 버튼을 클릭하면 list 상태가 업데이트되고 새로운 할 일이 목록에 추가된다. 그리고 입력 필드는 초기화되어 사용자는 다시 새로운 할 일을 입력할 .. 2024. 9. 26. [JavaScript] for 반복문에서 var 대신 let 사용하는 이유 보호되어 있는 글 입니다. 2024. 9. 25. 이전 1 2 3 4 5 6 ··· 12 다음
