Lecture (86) 썸네일형 리스트형 3.23 - Delete Btn javascript로 delete button을 만들어 봤다. 이 버튼을 눌렀을때 list down된 li들이 삭제될 수 있도록 setAttribute : 특정 개체에 속성값을 부여하기 위해 사용함 removeChild : ()안에있는 값을 제거 >> removeChild는 자식요소만 삭제할 수 있는 건가? /**/안에 있는 건 필요없는 code. >> array Array : 배열 배열은 개체의 개수가 너무 많을때 모두에게 id를 자동으로 부여해주기 위해 사용한다. >> length로 길이값을 준다. 이번 code에서 새로 생성되는 li안에 value값과 삭제 버튼을 줬다. 그리고 삭제버튼을 눌렀을때 생성되었던 li가 삭제되게 하기위해 코드를 작성했다. 3.22 - To do list Javascript card_text = document.querySelector('#card_input'); >> 에서 card_text는 object, card_text라는 element안에 위에 input 태그 한줄을 넣었다. >> 새로운 정의를 내린다 >> method console.log(card_text.value); >> console에 #card_input (card_text)의 value값을 가져와라 >> 그걸 console에서 확인하겠다 liElement = document.createElement('li'); >>여기서 liElement는 내가 임의로 지정하는 이름 >> 새로운 li element를 만들어라. liElement.innerHTML = card_text.value; >> .. 3.22 - JS javascript는 head안에 주로쓰고 그렇게 권장함 head 안에 로 이제부터 javascript를 쓰겠다고 알려놓는다 출력 document.write >> 말그대로 page위에 document를 쓰는 것 - 동적인 부분에서 html과 다름 ex) html에서 tag를 사용해 1+1을 쓰면 그대로 화면에 1+1이라고 뜬다 javascript를 사용해서 1+1을 쓰면 계산된 값인 2가 나온다 alert >> 경고창이다 ex) alert(Hello World!); console.log >> 소스창에 console안에 뜨는데 js가 제대로 작동이 되는지 안되는지 확인할 수 있다(? 아직 잘 모르겠음) html 태그 안에 속성값으로 onclick/ click 을 주고 그 안에 java를 넣어서 태그에 움직.. 3.22 - buttons HTML로 Righter 과 Darker 버튼을 만듬 Darker 버튼을 눌렀을땐 NIGHT MODE처럼 화면을 어둡게 바꾸고 Righter 버튼을 눌렀을땐 밝게 만들려고 했음 두가지 방법으로 실행해 봤다. 1. HTML input type oncilck바로 안에 변수를 바로 넣어서 설정해 주는 방법. 2. script 안에 function탭을 두가지 만들어서 각자 설정값을 부여하는 방법. 두 방법다 output은 똑같음 RESULT To do list에도 night, day button을 만들고 싶었다. 그래서 이렇게 html에 두개의 버튼을 넣어줬다. 두개의 버튼을 눌렀을때 화면이 변하게 하기 위해서 function을 두개 만들어준후 각각 onclick에 대입해줬다. function nightshif.. 3.18 - POSITION POSITION 겹치게 할 수 있음 - 3차원 absolute: absolute자체가 high element >> 기준이 전체 브라우저임 margin말고 바로 사방을 기준으로 위치를 줌 relative: silmilar w/ absolute but it moves according to parents element >> following high element fixed: literally "fixed" on the page. ex) it fixed on the page even when scroll goes down 페이지에 height, width: 200px로 준 3개의 박스가있다 특성대로 각각 하나의 block을 사용해서 아래로 떨어진다. 빨간색 박스에 position: absolute; 를 주고.. 3.17 이 부분 만들때 html에서 i gave 3 div 1. container 2. contents 3. s_box it was better to use 2 div >> simpler div하나의 필요성이 아예 없음 >> in this case div container img >> inline임 >> inline-block으로 바꿔주기 2021.3.12(Fri) - Assignment 아이디 부분까지 했고 비밀번호 부분 만들기 아이디 @naver.com 비밀번호 일단 비밀번호 부분 만드는건 간단했는데 네이버처럼 가운데 정렬로 맞추고 싶었다. 그래서 container역할을 하는 row_group 에 크게 width랑 margin을 줬고 그 다음 join_now에 맞는 크기를 준다음 margin을 줬더니 가운데 정렬이 됐다. 근데 이런 식으로 일일이 width를 주면 환경이 바뀌었을때 문제가 될 것 같은데 다른 방법은 없을까? 나는 비밀번호 만들때 를 두번 줬는데 선생님은 을 전체로 묶어서 두번 주셨다. 만약에 join_now를 두번썼다면 조금 이해가 될 거 같은데 왜 row_group까지 올라갔어야 하는지는 모르겠다. input_type에 아이디에는 "text" 비밀번호에는 "passw.. 2021.3.12 (Fri) 집에서 혼자 visual 이용할때 바로 링크로 안열리는 이유가 있었다. 마켓 플레이스에서 live server 를 안 깔았었기 때문이었다,,, 집에가서 꼭 깔자 * 한국어 패치도 깔아도 됨 (Korean Language Pack~~) >> 딱히 필요 없을 듯 첫 번째 수업 빠져서 안 배웠던 tag 뭔가를 input 할때 input의 종류(?)/ 타입을 지정해주는 태그 키보드로 치자면 "Enter"역할을 함 >> 정확히 어디에다 쓰는지는 잘 모르겠다. Assignment 아이디 하고 비밀번호 탭을 만들어주자 이전 1 ··· 7 8 9 10 11 다음
