코딩팍

javascript → (3)건

자바스크립트 객체지향 프로그래밍으로 사용하기 (Object-Oriented Programming in JS)

자바스크립트는 아직까지는 좀 지저분한 언어라는 편견이 있다. 다른 언어와는 다르게 프레임워크 없이는 정리가 잘 안되 보이기 때문 일 수도 있다. 그래서 요즘에는 자바스크립트를 프레임워크와 함께 이용하는 경우가 더 흔하다. 하지만 자바스크립트 버전이 업데이트 될 수록 점점 더 정돈되고 있다. 과연 자바스크립트로도 객체지향 프로그래밍 (Object-Oriented Programming)을 이용할 수 있을까? 물론이다! 객체지향 프로그래밍 (OOP) 객체지향 프로그래밍은 오브젝트/객체의 컨셉을 이용해서 코드를 쓰는 패러다임이다 (코드를 쓰는 스타일). 객체는 데이타와 함수를 가지고있다. 객체는 앱을 만드는 조각이고 API를 통해서 상호작용한다. 궁극적으로 유지하기 쉬운 정돈된 코드를 쓰는데 도움이 된다. 객체..
개발 Develop/HTML, CSS, Javascript 2021. 1. 24. 13:07

[할 일 목록 #3] Javascript로 버튼 누르는 기능 만들기 (To-do list)

강의 목표 저번 시간에는 css를 이용해서 할 일 목록 웹 페이지를 꾸미는 방법을 배워 봤습니다. 하지만 추가 버튼을 눌러도 아직 아무 일도 일어 나지 않습니다. 이번 시간에는 Javascript를 이용해서 추가 버튼에 기능을 넣도록 하겠습니다. 이제부터 자바 스크립트를 짧게 js로 부르도록 하겠습니다. 데모 See the Pen todo list js by David Kijung Park (@ramiram) on CodePen. JS 파일 만들기 이번 강의에 코딩할 app.js 파일을 index.html 파일 과 같은 폴더 안에 만들어 줍니다. index.html 파일이 들어있는 폴더에서 오른쪽 클릭 후 새 텍스트 파일을 만든다음에 파일 이름을 app.js 로 바꿔 주시면 됩니다. JS 파일을 html..
개발 Develop/HTML, CSS, Javascript 2020. 5. 23. 00:43

[할 일 목록 #0] 웹 사이트 만들기 프로젝트 HTML, CSS, Javascript로 할 일 목록 (To-do List) 만들기 소개

웹사이트 만들기 실전 프로젝트 웹사이트를 만들고 싶지만 어디서 시작해야 할지 모를 때, 함께 따라서 만드세요. 실제로 따라서 만들면 직접 만드는 게 보이기 때문에 재밌게 배울 수 있습니다. 기본적인 HTML, CSS, Javascript지식이 없더라도 따라올 수 있습니다. 여기서 배운 지식들을 토대로 더욱 복잡한 웹사이트도 만들 수 있게 됩니다. 미리 보기 See the Pen todo list js by David Kijung Park (@ramiram) on CodePen. 앱 기능 할 일 목록은 자신이 할일을 쉽게 추적할 수 있도록 도와줍니다. 목록 리스트 표시 항목 추가 항목 완료 표시 (심화) 항목 지우기 (심화) 목차 [할일 목록 #1] HTML 으로 기본 페이지 만들기 [할 일 목록 #2] ..
개발 Develop/HTML, CSS, Javascript 2020. 5. 20. 05:54
◀ 1 ▶

티스토리툴바