반응형 css5 Vue의 데이터바인딩 우리가 기존에 Javascript나 Jquery를 이용해서 동적인 데이터를 화면에 추가하기 위해서는 데이터를 추가할 요소에 id나 class 들을 추가해주고, 그 후에 Javascript에서는 document.getElementById(ID명).innerHTML = "넣을값"; 이라고 표현해주거나 Jquery에서는 $(#id명).html 이런식으로 각각 ID나 Class를 지정해서 해당 요소에 접근후 데이터를 해당 요소에 대입해줘야했다. 하지만 Vue는 다르다. 바로 이런식으로 말이다. 먼저 이 코드는 npm/cli를 사용하여 터미널에서 vue create 프로젝트명을 사용하여 생성된 vue 프로젝트이다. 코드 내에 있는 코드들이 우리가 알고있는 HTML과 CSS 영역이 화면에 표출되는 화면단이고 Scr.. 2023. 8. 16. HAPPYCGI 클릭 웹사이트 개발을 위한 커뮤니티 happycgi 웹사이트 개발을 위한 커뮤니티 happycgi입니다. happycgi.com 예전에 국비수업 받을때 저장해놓은 사이트. CSS나 각종 Open API 관련 자료가 다수 있다. 프로젝트때 참고하면 좋을듯하다 2023. 2. 15. 티스토리에 코드작성시 유용한 Code Pen https://codepen.io/ CodePen An online code editor, learning environment, and community for front-end web development using HTML, CSS and JavaScript code snippets, projects, and web applications. codepen.io 2022. 12. 22. 그림판으로 간단하게 RGB 값 추출해서 RGB 코드 알아내기 RGB값 추출 및 코드 알아내기 우리는 HTML이나 CSS를 다루다보면 색상 관련하여 다양한 색상을 입히고 싶거나 좋아보이는 색상을 가져와서 내 코드에 적용하고 싶을때가 많다. 나또한 그랬고 그러다가 손쉽게 알아낼수 있는 방법을 발견해 포스팅한다. 물론 간단한 방법이라 정확한값이 아닐수는 있다. 임시로 쓰기에 좋거나 간단하게 쓰기 좋은 방법이다. 먼저 이런 파일이 하나있다고 치자. 이건 윈도우에서 기본으로 제공하는 배경화면이다. 그럼 이 파일을 그림판으로 열어주겠다. 파일 -> 마우스오른쪽 -> 편집 누르면 기본으로 그림판이 열릴것이다. 그림판에서 표시된 스포이드모양의 버튼을 누른후 표시된 영역을 클릭해보자. 그럼 오른쪽의 색1 색2중에서 색1이 색상이 변할것이다. 이것이 색상을 가져오는 기능이다. 색상.. 2022. 12. 21. 이전 1 2 다음 반응형
