html10 [서평이벤트] 웹 개발 독학 '코딩 자율 학습 HTML + CSS + 자바스크립트 코딩에 관한 정보 나눔 및 독학을 할 수 있는 사이트 '코뮤니티'에서 서평이벤트에 참여했습니다! 책은 '길벗출판사'에서 새로 발간한 '코딩 자율 학습 HTML + CSS + 자바스크립트 '이라는 책이에요! 책 두께는 이 정도 됩니다! 처음 열면 html -> css -> javaScript 순서대로 나와있어요! 챕터마다 색이 달라서 구분하기 쉬워요~ 목차도 되게 구체적이고 목차설명도 직관적이라 필요할 때 바로바로 찾을 수 있었습니다! 폰트와, 박스 부분이 많이 헷갈렸는데 저렇게 한눈에 볼 수 있게 요약, 정리해줘서 이해가 편했어요! 중간 중간 이렇게 이해한 것을 짚고 넘어가는 [1분퀴즈]도 센스 있었습니다! 맨 마지막에는 이렇게 그동안 배웠던 것을 진짜 자기 것으로 만드는 '포트폴리오 웹 사이트' 만들기.. 2022. 5. 6. [weekly I learned] 스파르타코딩클럽 - 웹 개발 일지 week2 (데이터API 이용하기) 이번주는 데이터 API를 가지고 와서 웹에 띄워주는 방법을 배웠다. 2-1 미세먼지 데이터 보기 서울시 실시간 미세먼지 상태 데이터를 가지고 와서 '업데이트'버튼을 누르면 '도시+미세먼지 농도'를 보여준다. 미세먼지가 60이상이면 빨간 색으로 표시하기! 데이터 추가: append 함수 $('붙일 id 이름').append(새로 붙일 것) 2-2 실시간 따릉이 현황 보기 서울시 실시간 따릉이 데이터를 가지고 테이블로 보여주기! 테이블을 만들기 위해 태그와 태그를 써봤다. 행 추가 열 추가 2-3 랜덤 고양이 사진 API 이용하기 '고양이를 보자' 버튼을 누르면 고양이 사진이 랜덤하게 포스팅이 된다! 이미지 사진을 바꿔주는 방법은? 이미지 변경 $('id').attr("src",변경경로) 2주차 과제 사이트.. 2022. 5. 6. [Weekly I Learnded] 개발일지 week1 질문정리 질문 정리 웹 사이트를 크롬에서 열 때는 주문자 이름, 수량 등이 모두 css에서 만든 것처럼 예쁘게 보이지만 그 웹사이트를 저장하고 열면 micsosoft edge에서 열리고, 디자인에 변화가 생긴다. 해결방법 CSS Reset (초기화) :: About Web (tistory.com) CSS Reset (초기화) 각 브라우저마다 설정 되어있는 기본 스타일이 다 다르다. 이러한 점을 개선하기 위해 CSS를 작성할 때, 초기화를 시킨다. 기본적으로 태그가 가지고 있는 간격이나 색상 등을 통일 시키는 작업 abcdqbbq.tistory.com 작업하는 html 파일로 와서 head태그 아래 캡쳐3번과 같이 를 넣어주시고 새로고침하시면 파일이 연결됩니다! 기본 속성을 reset 해주는 것이기때문에 기존에 작.. 2022. 4. 29. [weekly I learned] 스파르타 코딩 클럽 - 웹 개발 일지 week1 브라우저의 역할 서버에게 요청 서버가 준 것을 받아서 그대로 그려준다 HTML 은 '뼈대' 다! CSS = 예쁘게 꾸미는 것 자바스크립트 = 움직이는 것 1주차 1번째 실습 로그인 페이지 아이디, 패스워드를 입력해주세요 ID: PW: 로그인하기 1주차 2번째 실습 나홀로 링크 메모장! 중요한 링크를 저장해두고, 나중에 볼 수 있는 공간입니다 포스팅박스 열기 아티클 URL 간단 코멘트 기사 저장 여기 기사 제목이 들어가죠 기사의 요약 내용이 들어갑니다. 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라만세 무궁화 삼천리 화려강산... 여기에 코멘트가 들어갑니다. 여기 기사 제목이 들어가죠 기사의 요약 내용이 들어갑니다. 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라만세 무궁화 삼천리 .. 2022. 4. 22. 이전 1 2 다음
