728x90 반응형 JS- JS로 HTML, CSS 다루는 방법! JS- JS로 HTML, CSS 다루는 방법! 오늘은 JS에서 가장 중요한 JS를 통해 HTML, CSS를 변경하거나 관여하는 방법에 대해 알아보겠습니다. 일단 방식을 먼저 설명드리면 document.getElementById('HTML-id').바꾸고 싶은 부분 = '바꾸고 싶은 값'; 위에 코드예시처럼 사용할 수 있습니다. JS를 통해 HTML, CSS를 변경하고 싶다면 우선 해야 할 것이 HTML을 먼저 작성해야 합니다. 이유는 변경해야 할 대상이 필요하기 때문인데 정확하게 대상을 지정하기 위해서 우리는 id나 class를 사용합니다. 근데 id가 class보다 안전하기 때문에 id를 사용하는 것을 추천드립니다. 이제 본격적으로 위에 코드를 해석하면 (1) document 해석하면 문서라고 해석하는.. 2022. 11. 6. JS - setInterval, setTimeout란? JS - setInterval, setTimeout란? 오늘은 JS에서 유용하게 사용되는 setInterval과 setTimeout에 대해 알아보겠습니다. 두 개의 함수는 모두 출력되는 시간과 관련이 있는 함수입니다. 프로젝트를 진행하시다 보면 일정 시간을 텀을 두고 반복을 해야 하는 경우나 일정 시간이 지난 뒤에 실행되는 코드를 작성해야 하는 경우가 있습니다. 그럴 경우에 setInterval, setTimeout 함수를 사용할 수 있습니다. 이제 두 개의 함수를 본격적으로 설명드리겠습니다. (1) setInterval 먼저 setInterval은 일정 시간을 기준을 정해서 계속해서 반복할 때 사용합니다. 예를 들면, 5초에 한 번씩 실행되는 코드를 만들고 싶을 경우 사용할 수 있는데요! 이때 func.. 2022. 10. 31. github에서 레파지스토리(저장소) 삭제하는 방법(github 링크 포함) github에서 레파지스토리(저장소) 삭제하는 방법(github 링크 포함) 오늘은 github를 사용하다가 필요 없는 레파지스토리(저장소)가 생겼을 때 삭제하는 방법에 대해 알아보겠습니다. github를 통해 연습한 코딩을 저장하는 경우나 프로젝트를 진행하다 필요 없어지는 레파지스토리(저장소)가 발생할 수 있습니다. 이때 github 저장소에는 명확하게 삭제하는 버튼이 육안으로는 보이지 않기 때문에 난감한 상황이 발생할 수 있습니다. 이럴 때 레파지스토리(저장소)를 삭제하는 방법에 대해 알려드리겠습니다. 우선 필요 없어진 레파지스토리(저장소)를 눌러서 들어가겠습니다. 저장소에 'Settings'를 누르시고 스크롤을 내려서 가장 하단으로 내려보겠습니다. 가장 하단으로 내리면 삭제하는 Delete this.. 2022. 10. 25. Visual Studio Code를 통해 협업하는 방법(github 사용, 링크 포함) Visual Studio Code를 통해 협업하는 방법(github 사용, 링크 포함) 오늘은 저번 시간 예고했던 대로 협업하는 방법에 대해 알아보겠습니다. Visual Studio Code를 사용해서 협업하는 방식에 대해 알아보려 하는데 저장소는 github를 이용해서 진행하겠습니다. (Visual Studio Code는 편하게 vscode라고 부르겠습니다.) Github 저장소 사용하는법(사이트 링크 포함) Github 저장소 사용하는 법 오늘은 코딩을 할 때 프로젝트를 진행하기 위해 git을 사용하는 데 있어 필요한 저장소 사용법에 대해 알아보겠습니다. 저번 글에 git을 설치하고 확인하는 방법과 git이 jjong-wiki-bigdia.tistory.com 저번 시간에 github에서 저장소를 생.. 2022. 10. 24. Github 저장소 사용하는법(사이트 링크 포함) Github 저장소 사용하는 법 오늘은 코딩을 할 때 프로젝트를 진행하기 위해 git을 사용하는 데 있어 필요한 저장소 사용법에 대해 알아보겠습니다. 저번 글에 git을 설치하고 확인하는 방법과 git이 무엇인지에 대해 알아보았습니다. Git이란?(설치 링크 포함) Git이란? 오늘은 개발자들이 가장 많이 사용되고 꼭 필요한 Git이 무엇인지에 대해 알아보고 Git을 설치하는 방법에 대해 알아보겠습니다. 우선 Git이란 간단하게 설명을 드리면 프로젝트를 작업하 jjong-wiki-bigdia.tistory.com 오늘은 컴퓨터에 다운로드한 git을 사용하여 내가 만든 프로젝트, 팀이 만드는 프로젝트를 공유할 수 있는 저장소인 github에 대해 알아보겠습니다. github는 프로젝트를 git을 사용해 상.. 2022. 10. 23. 바닐라 JS 왜 사용하는 것일까? - 바닐라 JS란? 바닐라 JS 왜 사용하는 것일까? - 바닐라 JS란? 오늘은 바닐라 JS가 무엇인지에 대해 알아보겠습니다. 바닐라 JS에 대해 알아보기 전에 해당 글은 JS를 아신다는 전제하에 진행하도록 하겠습니다. JS를 모르신다면 JS를 정리한 글이 있으니 아래 링크를 통해 JS가 무엇인지 먼저 보시고 오시는 것을 추천드립니다. JS(JavaScript)란? JS(JavaScript)란? 오늘은 JS(JavaScript)에 대해 알아보겠습니다. 편하게 JS라고 부르겠습니다. JS는 과거에 혼란스러웠던 브라우저들의 싸움에서 살아남아 현재 여러 브라우저에서 표준으로 사용되는 jjong-wiki-bigdia.tistory.com 본론으로 돌아가 바닐라 JS에 대해 알아보겠습니다. 1. 바닐라 JS란 무엇일까? 우선 바닐라.. 2022. 10. 13. 이전 1 2 3 4 5 6 ··· 12 다음 728x90 반응형
