신입 개발자 복습일지

DOCTYPE html> Counter html,body{ height:100%; overflow:hidden; } #wrap{ width:100%; height:100%; background-color: rgb(209, 246, 234); display:flex; align-items: center; } #counter_box{ width:600px; height:500px; /* background-color: red; */ } #counter{ font-size:30px; text-align: center; } #num{ text-align: center; font-size:25px; } #decrease{ display:inline-block; width:100px; height:50px; col..

DOCTYPE html> Random Color Page #wrap{ background-color: red; width:1000px; height:500px; } #display{ width:300px; height:100px; background-color: black; border-radius: 20px; box-sizing: border-box; color:white; text-align: center; padding-top:25px; font-size: 30px; position: relative; top:150px; left:330px } #change{ width:100px; height:50px; background-color: white; color:black; text-align: ce..

DOCTYPE html> ToDoList ToDoList 추가 선택삭제 전체삭제 var wrap = document.getElementById('wrap') var ListBox = document.getElementById('ListBox') var checkedList = document.getElementsByClassName('checked') function add() { var text = document.getElementById('ToDo').value var newList = document.createElement('div') newList.setAttribute('id','List') var newcheckbox = document.createElement('div') newcheck..

DOCTYPE html> function textBox() { //텍스트박스 클릭시 '도시입력(한글)' 사라지면서 글씨색 검정으로 변환 var textBox = document.getElementById("cityName") textBox.setAttribute("value","") textBox.setAttribute("style","color:black") } function dust() { // var a = $('#cityName').val(); //입력된 도시 값 불러오기 console.log(a) var dustUrl = 'https://apis.data.go.kr/B552584/ArpltnInforInqireSvc/getCtprvnRltmMesureDnsty?serviceKey=' + 'si..

DOCTYPE html> 지도에 사용자 컨트롤 올리기 html, body {width:100%;height:100%;margin:0;padding:0;} .map_wrap {position:relative;overflow:hidden;width:100%;height:350px;} .radius_border{border:1px solid #919191;border-radius:5px;} .custom_typecontrol {position:absolute;top:10px;right:10px;overflow:hidden;width:130px;height:30px;margin:0;padding:0;z-index:1;font-size:12px;font-family:'Malgun Gothic', '맑은 고딕', ..

https://openweathermap.org/api 활용

https://postcode.map.daum.net/guide 활용 파일질라에 등록 후 psh609.dothome.co.kr 로 들어가면 주소클릭시 데이터 전송 가능

1. body태그 스타일링은 css에 1. movieArray 갯수만큼 for문을 돌려서 innerHTML 해준다,

1. addTodo() 1-1 newTd1 → innerHTML로 체크박스 생성 1-2 newTd2 → input text에서 입력되는값을 받아서 value로 넣어줌 1-3 newTr 즉 태그에 newTd1,2(td값들)을 넣어줌 1-4 본문 listBody에 append해줌으로써 새로운 행 추가 2. delSelTodo() 2-1 box 변수에 className이 btn-chk 즉 모든 체크박스 element를 가져옴 2-2 체크박스 갯수만큼 for문을 돌림 2-3 box[i].checked===true 즉 체크된 박스를 listBody.removeChild(listBody.children[i]) 로 제거 리스트 중 체크된 순서(i번쨰) 에서 true로 remove가 동작하게되며 체크된순서(i번쨰) c..

1. 입력창(input type text) id 값 text로 지정 2. select , option 설정 및 onclick a()함수 지정 3. 이메일 선택시 onclick a()함수 동작 4. input type text창의 value값(입력될 값)에 select.value 즉 select창에서 누른 옵션값이 넘어가도록 함수 지정