프론트엔드개발 (24) 썸네일형 리스트형 [HTML]step.3 인코딩, <br><center><img src><font size> 내용 이 HTML 파일은 문자 인코딩 방식을 유니코드로 사용한다는 의미웹브라우저가 해당 파일을 읽을때 한줄씩 확인하다가 uft-8을 체크하고 유니코드로 변환해서 한글로 보여준다. [태그 명령어]1. - 한줄 띄우기 (엔터키)2. - 글자를 가운데 정렬함3. - 이미지를 웹브라우저에서 보여주기위해선 파일명.확장자 가 일치해야됨 img태그 | src속성이름| "test.jpg속성값 | width = "100" 속성 | height ="100" 속성4.글자연습 글자연습 여기까지 감사합니다. 출처: IT UP, 코딩이 처음이어도 괜찮아! 진짜 입문자를 위한 웹개발과 IT 기초 지식https://itup.co.kr/rv1/k-digit.. [HTML]step.2 개념과 웹페이지 구조 [HTML구조] 아래와 같은 구조를 사용한다. 안에 내용작성 abcdefhg ................ 문서의 시작 ............... 문서의 전체 정보 ............... 문서의 실제 내용 포함여기서 잠깐.[맥북 기본 브라우저 변경 ] vscode에서 앞전 설치한 golive 실행시 사파리로 열려서 기본 브라우저 변경해본다. 시스템환경설정 > 일반 > 가장 하단 기본브라우저 크롬 으로 변경 [vscode golive 실행 ] 크롬브라우저에서 정상적으로 열린다. 급 마무리 여기까지 감사합니다. 출처: IT UP, 코딩이 처음이어도 괜찮아! 진짜 입문자를 위한 웹개발과 IT 기초 지식https://itup.co.kr/rv1/.. [HTML]step.1 VScode 환경설정 (live server 설치) [live server 설치 ]vscode 왼쪽 사이드바 EXTENSIONS(확장)에서 설치 , 완료 후 vscode는 다시 실행 한다. [live server 실행] 오른쪽하단에 Go Live가 실행된 모습을 볼수 있다. 클릭시 웹페이지 형태로 태그가 보여진다. commnad + O + L => 실행단축키 여기까지 환경설정이 완료 감사합니다. 개발자 참고 사이트 추천(실시간 업로드 중) [코딩테스트] 프로그래머스https://school.programmers.co.kr/learn/challenges?order=recent - 레벨도 있고 다양한 의견도 있음 모두 오픈해둬서 공부하기 좋음[커리어비교] 랠릿 허브 - 함께 나아가는 커리어 플랫폼다양한 역량을 가진 사람들과 좋은 영향력을 공유하여 함께 성장해 나가요!www.rallit.com [코드리뷰] AI를 통한 코드리뷰 사이트https://www.sonarsource.com/ Clean Code Tools for Writing Clear, Readable & Understandable Secure Quality CodeSonar’s industry leading solution enables developers & development .. 이전 1 2 3 다음
