본문 바로가기

728x90

📌Development/JavaScript
19

[JS] 라이브러리와 프레임워크 다른사람이 만들어놓은 소프트웨어를 부품을 소비해서 내가 만들고 있는 소프트웨어에 생산자가 되는 방법을 알아볼 것이다. 키워드: library VS framework - library : 내가 만들고자하는 프로그램에 필요한 부품들이 되는 소프트웨어를 재사용하기쉽도록 돼 있는 소프트웨어. (내가 만들고잇는 프로그램의 부품을 가져오는 느낌) -framework : 만들고자 하는게 잇을때 (게임,웹,채팅 등) 만들고자 하는게 무엇인지에 따라서 그것을 만들려고 할때 공통적인것, 달라지는 것이 존재할 것인데, 이 부분을 살짝살짝 수정하는 것. (framework안에 들어가서 우리가 작업하는 것) ▶jQuery : 안정적, 생산성↑ - jQuery 이용하면 반복문 안써도 된다. 우리 대신에 jQuery가 알아서 처리.. 2023. 3. 6.

[JS] 파일로 쪼개서 정리 정돈하기 객체보다 더 큰 정리정돈의 도구가 있다. 📍서로 연관된 코드를 파일로 묶어서 그룹핑하는 방법. 모든 HTML1,2,3웹페이지에 버튼코드와 자바스크립트 코드 복붙해보자. 모든 페이지에 night/day라는 버튼이 생겼을 것이다. 하지만 문제가 생긴다. 만약 우리가 만드는 사이트가 1억개라면 그 값을 바꿨을 때 1억번을 바꿔야 한다는 것. ex) skyblue를 yellow로 바꾸고싶으면 color의 값을 yellow로 바꾸는 수정을 1억번 해야한다. 파일을 생성한다 ( colors.js ) colors.js 파일에 script코드 복붙한 후, 모든 웹페이지에는 로 바꿔주면 결과는 똑같지만 내부적으로는 다른 프로세스를 가지게 된다. *src : 소스 이 코드를 웹페이지에 적어만 준다면 똑같은 효과를 가진 j.. 2023. 3. 6.

[JS]객체의 활용 Body.setBackgroundColor('black') └ 이런 식으로 코딩하고싶으면 어떻게 해야할까? 1. var Body라는 객체에 변수를 담는다. - 프로퍼티로 setColor를 지정하고 function(함수)을 써서 코드를 담는다. var Body = { setColor:function(color){ document.querySelector('body').style.color=color; } 함수의 내용은 아래에서 가져왔다. 그리고 이 부분은 필요없으므로 지워주자. setBackgroundColor:function (color){ document.querySelector('body').style.backgroundColor=color; } - 참고 ) setBackgroundColor : 앞에.. 2023. 3. 6.

[JS]객체프로퍼티와 메소드 📍객체에 함수 담는 법 coworkers라는 객체에 showAll이라는 메소드를 넣고싶다하면? showAll은 함수니까 function이 쓰인다. coworkers.showAll = function(){ } 이 코드는 function showAll(){ } 과 똑같은 함수라고 보면된다. 함수를 정의할 때 1. var showAll = function(){ } 2. function showAll(){ } 둘은 똑같다. 다시 내용으로 돌아와서, showAll 이라는 함수에 저 내용을 넣는다. - showAll하면 모든 coworkers에 있는 각각의 데이터들을 interate해서 화면에 출력하는 것. 마지막으로 coworkers.showAll(); 이 코드를 적고 웹을 실행시키면 ▼아래와 같이 출력된다. 하.. 2023. 3. 6.

이전 1 2 3 4 5 다음

728x90

최근댓글

최근글

인기글

skin by © 2024 ttutta

티스토리툴바