휘몰아치는 잡생각

아주 기본적으로 외워야 하는 기본 세팅 css, jqeury, js파일 연결 어딜 가든 비슷한 HTML jquery 링크는 헤드 안에, script 파일 링크는 본문 뒤 앞에. 나중에 내용이 길어지면 헷갈리기 때문에... 주석처리는 큰 틀부터 확실하게 해둔다. @charset "UTF-8"; * { padding: 0; margin: 0 auto; box-sizing: border-box; } a, p, span, button { text-decoration: none; color: #616161; } li { list-style: none; cursor: pointer; } button { cursor: pointer; border: 0; background: transparent; } ::select..

Javascript 연습용 문제 객체 오름차순 정렬과 출력 문제부터 어떻게 설명해야 할지 모르겠다. 배열 공부하면서 풀어보라고 문제 받은 순간 오브젝트가 뭐인지부터 찾아봤다. 자주 쓰인다고 하니 이번에 풀었다고 그냥 넘어가면 나중에 기억 못 할 것 같아서 정리한다. 찾아보고 배우면서 내 맘대로 이해한 방법을 낼름 적어보았다, 말 그대로 객체를 특정 요소 기준으로 오름차순으로 정렬한 뒤, 정렬한 객체 중 1등인 객체만 출력해보는 것이다. 정렬은 sort()를 사용하지 않고, 버블 정렬 알고리즘을 이용해 구현할 것이다. 전엔 콘솔 창 쓰는 법을 잘 몰라서 html에서 값을 가져오고 거기다가 다시 출력을 했었는데, 이번엔 좀 익히고 와서 결과 확인용 html은 만들지 않는다. 🥳 콘솔 창에 쳐보는 게 더 간단..

jquery 연습용 문제 for문을 활용해 input 태그 두 개에서 입력한 범위 내로 구구단 만들기 확인 일단 HTML에서 숫자를 입력할 input box 두 개와 버튼을 하나 만들어준다. 버튼을 클릭하면 출력이 되게 할 것이다. 그리고 밑에 결과값이 출력될 텍스트 영역을 생성해둔다. 스타일은 맘대로. // JQEURY $("#btn_table").click(function () { var num = $("#input_table").val(); //첫 번째 값 var num2 = $("#input_table2").val(); //두 번째 값 var dan = []; //임시 배열 //num2의 값이 num보다 작으면 실행 if(num < num2) { //num단부터 num2단까지 for(; num

#2021년 웹디자인기능사 실기 1회 작년부터 본격적으로 따야지 맘먹었던 웹디자인기능사. 학교 다닐 때 살짝 배워서 기본적인 태그와 첫 세팅 정도는 알고 있는 상태였다. html, css 기초만 알고, 자바스크립트는 배우긴 배웠는데 까먹어서 아예 모르는 채로 시작. 공부하려고 당근마켓에서 책까지 샀는데 몇 페이지 읽지도 않고 나머지는 인터넷으로 검색해가며 공부했다. 맘이 급해서...^^ 책 보고 공부하는 것도 괜찮다! 이기적 in 웹디자인기능사 실기 기본서 👈 요거 정리 잘 돼있었다. 개인적으로 조금 헷갈렸던 것들, 감점되지 않을까 우려스러웠던 것, 참고 사이트 등등 남겨두면 나중에 누군가한테 알려줄 때도 도움이 되지 않을까 하여... 정리해본다. 필기는 작년 여름, 실기는 저번 달에 보고 왔다. #0 ..