본문 바로가기

Develop/HTML \ CSS5

[HTML/CSS] 웹개발 배우기 4 01-12. Java script 맛보기 01-12-01. 왜 브라우저는 Javascript만 알아들어요? HTML안에다 파이썬, Java 같은 언어를 써서 주면 안되나요? 불가능한 이야기는 아닙니다. 다만, 이 "역사적인 이유 & 이미 만들어진 표준"이기 때문에, 모든 브라우저는 기본적으로 Javascript를 알아듣게 설계되어있고, 모든 웹서버는 HTML+CSS+Javascript를 주게 되어있죠. 이런 식으로 많은 곳에서 사용하다보니 표준이 되어버렸다. 다른 곳에서 java나 python을 알아듣는 브라우저를 만들꺼야! 라고 한다고 해서 사람들이 이걸 쓰지는 않을테니 굳이 만들지는 않는 것이다. 01-12-02. java와 java script는 어떤 차이가 있나요? 인도와 인도네시아.. and 바.. 2022. 4. 27.
[HTMS\CSS] 웹개발 배우기 3 01-10. Quiz_함께 만든 페이지를 발전시켜기. 01-10-02. 글씨 특성 CSS 변경, 폰트까지 변경 Color 변경 컬러변경은 그냥 변경하면 되기 때문에 쉬움. Font-weight 변경 폰트는 굵기나 밑줄 등 여러가지가 있기 때문에 모르면 구글에서 직접 검색하여 찾아보는 것이 좋다. font-weight: bold; 이렇게 글자 굵기를 굵게 만들 수 있었다. 이름도 잘 지어주고, 정렬도 잘 해주고, 구분을 잘 해줘야겠다. “wrap, jumbotron이라는 영역이 있구나”를 알 수 있고, 구역을 구분하여 이렇게 만들 수 있겠다. 01-11. Quiz_나홀로메모장의 포스팅박스를 완성하기! 01-11-02. 이 박스는 또 CSS에서 가져올 수 있겠지? https://getbootstrap.com.. 2022. 4. 27.
[HTMS\CSS] 웹개발 배우기 2 01-07. 폰트, 주석, 파일분리 01-07-01. 폰트 가져오기 (URL) https://fonts.google.com/?subset=korean 01-07-02. 주석 보통 모든 개발프로그램에서 [ control + / ]가 쓰인다. 01-07-03. PyCharm 파일분리 선생님만 한 내용이긴 하지만, html 내에 style로 부분이 css였다. 이 css부분을 따로 분리해놓고, link를 통해서 html에 참조로 넣으면 분리 전처럼 정상 작동하는 것이다. 01-08. ‘Bootstrap’, 예쁜 CSS모음집 01-08-01. ‘Bootstrap’이란? 예쁜 CSS를 미리 모아둔 것. (CSS를 다룰 줄 아는 것과, 미적 감각을 발휘하여 예쁘게 만드는 것은 다른 이야기이기 때문에, 현업에서는 미.. 2022. 4. 24.
[HTML/CSS] 웹개발 배우기 1 01-01. 오늘 배울 것 01-01-01. 웹페이지 만져보기 1. 내가 보는 이 페이지만 내 마음대로 고칠 수 있었다. 2. 내가 보는 페이지는 사실 인터넷과 상관이 없었다. 3. 새로고침을 하니까 다시 원상복구가 된다. = 서버로부터 정해진 데이터를 다시 새로 받아오니까. URL창에 주소를 치는 것 자체가 서버에 요청을 하는 것이다. 브라우저는 서버에게 요청하고 요청한 것을 받아와서 보여주는 방식인 것이다. 01-01-02. 웹페이지 구성 및 역할 HTML 뭐는 뭐에 있고, 뭐는 안에 있고, 여기 있고, 저기에 있고 등 뼈대를 잡아주는 것. CSS 폰트사이즈, 뭐는 무슨 색이야, 등 꾸며주는 것. JavaScript 움직이고 이동하는 것. 01-01-03. 결론적인 웹페이지는? 서버는 클라이언트한테 .. 2022. 4. 21.