Dev study and notes

바닐라 JS로 크롬 앱 만들기 6장 강좌들 노마드코더 무료강좌*Math.ceil()소수점을 올림하여 더 큰 정수로 만들어줍니다.*Math.floor()소수점을 내림하여 더 작은 정수로 만들어 줍니다.*document.body.appendChild(bgImage);bgImage 요소를 HTML 문서의 에 추가하는 자바스크립트 코드입니다,*각 상위/하위 요소를 생성하고 그 생성한 변수를 활용.소스는 깃허브 참고!끝!

바닐라 JS로 크롬 앱 만들기 5장 강좌들 노마드코더 무료강좌이번 강좌에서는 시간, 날짜 함수와 웹페이지 로딩시, 실시간, 현재시간을 출력하는 실습을 진행합니다.코드 또한 정말 쉽습니다.주요 코드내 함수를 정리해보았습니다.*Date()현재 날짜와 시간을 객체로 변환*setInterval()지정된 시간 간격 마다 특정코드를 반복 실행하는 타이머 함수*setTimeout()지정된 시간이 지난 후 한번 특정 코드를 실행하는 타이머 함수*padStart()문자열의 길이가 부족할 경우, 앞에 지정된 문자를 추가해 원하는 길이로 맞춤-예시) "5".padStart(2, "0") → "05" 단순합니다.끝!

각 코드들이 나오기 마련이다. 간단한 코드 오류로는 200/404/500정도가 아닐까 싶다. 대부분 명칭 오류이거나 주소 오류. 또는 메소드 실행 오류. 경로 오류 등이다. 이것도 문제가 없다면. 서버 클린을 하거나 웹페이지 로딩후 시프트+F5로 웹 브라우저의 캐시들을 리셋. 및 재로드 해주면 해결된다. 아마 대부분 코딩상의 오류가 아닐까 싶다. 나의경우는 없지만. 팀원들 파일을 하나의 프젝으로 합치는데 보면... 팀원들이 명칭을 동일하지 않거나 같은 명칭을 사용해놓아서 내가 다 수정하는데... 하다보니 지저분한 코드들이 너무 많아서 결국 내가 새로이 코딩하는 급이 되네.. 그러다가 지쳐서 그냥 지저분하게 통합을 하고있다.. 다들 코딩하는데 본인것만 해결되면 다 되는줄 알어 ㅠㅠㅠㅠ 나는 힘들다구 ㅠㅠㅠ

코드펜이라는 사이트가 있다. 해당 사이트에서 HTML / CSS / JS 를 한 화면에서 작성을 할수 가 있다. codepen.io/trending 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 예시로 왼쪽 프레임의 코드펜 보기 형식을 클릭하면 아래와 같은 배치로 작성이 가능하다 이제 웹상에서 편하게 코딩이 가능하다. 연동 되는 파일들은 어떻게 불러와야할까.. 아마 script 태그를 이용하여 해당 파일의 웹 경로를 활용해..