sy의 코딩 개발일지

ex3.html button checkbox 말티즈 푸들 리트리버 radio 예 아니오 reset search time url week datetime datetime-local email file hidden hidden filed는 사용자에 표시되지 않는다. image 정리 check,radio value 서버에 전달될 값 checked 기본으로 선택하고 싶은 항목 name radio 전용,여러 옵션의 공통이름 number,range min 최소값(기본값 0) , max 최대값(기본값 100) strep 조정할 단위값(기본값 1) value 초기값 submit,reset value 버튼에 표시할 내용 image src 이미지 경로 alt 대체 텍스트 button value 버튼에 표시할 내용 oncl..

ex1.html header section article aside footer 웹페이지 구조를 짰어요 article vs section article 내용이 독립적이고 홀로 설수 있는 내용 section 서로 관계있는 문서를 분리하는 역할 여러개의 section을 article로 묶을 수도있고 마찬가지로 여러개의 article을 section으로 묶을 수 있다. section vs div 내용 관계 O -> section 의미적으로 관계 X -> div strong vs b strong 해당 콘텐츠의 중요성 강조 b 텍스트 자체 강조 em vs i em 의미적인 강조 i 단순 문자열 스크린 리더에서 또렷한 차이를 볼 수 있다. strong vs em em 구어체 강조와 같이 문장의 의미를 변경하는 데 ..

HTML과 JavaScript의 만남 -script 태그 비교 결과:2 vs html 1+1 결과:1+1 정적과 동적 차이 -이벤트 onclick 속성 값으로는 javascript가 와야한다. onclick속성이 위치하고 있는 태그에 사용자가 클릭했을때 javascript 문법에 따라서 동작한다. 이벤트가 일어났을때 어떠한 javascript 실행 키를 눌렀을때 이벤트를 발생해보고 싶다. 구글링 javascript keydown event attribute onclick,onhange,onkeydown =>event -콘솔 element에서 ecs뜨면 cosole과 함께뜬다. 데이터타입-문자열과 숫자 데이터 타입은 자료형 javascript data type =>Number =>string https:/..

혁명적인 변화 ~ vs head안에 로 인해 중복제거 가독성,유지보수가 더 효과적이다. html정보에 전념하기 위해 CSS에서 디자인을 뺏음 없는셈치기 CSS style속성은 css문법에 따라서 해석 color:red ->html의속성 style ->css의효과 1.style태그를 쓴다. 2.style속성을 쓴다. text-decoration: none; 밑줄을 뺀다. text-decoration: underline; 밑줄이 생긴다. css속성을 스스로 알아내기 css textsize property검색! css textcenter property검색! h1 { font-size:40px; text-align: center; } CSS선택자의기본 saw라는 class값을 가지고 있는 모든 태그에 대해서 ..

7. 혁명적인 변화 ~ ~ : ~ 글자가 점점 커진다. ~ 글씨가 진해진다. ~ 밑줄이 생겨요 HTML Study | Advanced Web Ranking HTML Study Overview This HTML usage data comes from 11.3 million index pages gathered from top twenty Google results, for about 30 million keywords - chosen by keyword volume. To learn more about this data, visit the FAQ section. Total 11,264,652 pages Doctype The www.advancedwebranking.com 통계를 기반한 학습! 줄바꿈-시각적..

https://syscoding.tistory.com/3 Sparta 웹개발 종합반 1주차 1~4강 전체선택 : Windows: Ctrl + A 잘라내기 :Windows: Ctrl + X 콘솔창 줄바꿈 shift + enter 코드정렬 Windows: Ctrl + Alt + L 들여쓰기 취소 : Shift + Tab 주석: Windows: Ctrl + / [수업 목표] 1.서.. syscoding.tistory.com https://syscoding.tistory.com/5 Sparta 웹개발 종합반 1주차 13~16강 +숙제 13. Javascript 기초 문법 배우기(1) 크롬 개발자도구 띄워놓은 페이지에서 빠르게 자바스크립트를 테스트해볼 수 있게, 개발자들을 위해 만들어둔 도구 F12 console..

https://syscoding.tistory.com/16 Sparta 웹개발 종합반 5주차 1~10강 01. 5주차 설치 Filezilla 설치하기 다운로드: https://filezilla-project.org/download.php Download FileZilla Client for Windows (64bit x86) Download FileZilla Client for Windows (64bit x86) The latest.. syscoding.tistory.com https://syscoding.tistory.com/17 Sparta 웹개발 종합반 5주차 11~19강 +숙제 11. 서버 세팅하기 filezilla를 이용해서, 간단한 python 파일을 올린다. 컴퓨터를 사고 원격접속을 하여 폴..

11. 서버 세팅하기 filezilla를 이용해서, 간단한 python 파일을 올린다. 컴퓨터를 사고 원격접속을 하여 폴더를 만들어보고 들어가보고 나와봤다. filezilla는 내 컴퓨터에 있는 파일을 그냥 올려주는 업로더 다운로드 업로더해주는 프로그램 파이썬 파일 실행해보기 filezilla에서 왼쪽은 내 컴퓨터 오른쪽은 내가 지금 파일을 올리고 받을 컴퓨터 test.py 바탕하면으로 다운받고 sparta안에 넣는다. 서버 환경 통일하기 우리는 지금 막! 컴퓨터를 구매한 상태 여기에 이런저런 세팅들(업그레이드, DB설치, 명령어 통일 등)을 해줘야 본격적으로 이용할 때 편리 EC2 한방에 세팅하기 initial_ec2 입력할 명령어를 모아 놓은 파일 pip 패키지 설치할때 클릭이 없다 대신 해줌 다시,..