본문 바로가기
반응형

etc.43

제주 여행사 웹 사이트 Preface HTML + CSS + JavaScript 책의 마지막 부분에 있는 웹 사이트 만들기 프로젝트를 진행하는 과정을 업로드한다. 한 번에 전부 완성하려 했지만, 이틀에 걸쳐 완성해야 할 것 같다. 다른 웹 사이트를 클론 코딩하기 전 연습한다는 생각으로 필요한 부분을 임의로 수정하며 책에 있는 코드를 따라 적고 있다. 처음엔 간단한 웹 사이트를 만드는 것 정도는 쉽게 할 수 있을 것이라 생각했는데, 예상했던 것 보다 신경 쓸 부분이 많다. 무엇보다 처음 큰 틀을 제대로 잡는 것이 정말 중요한 것 같다. 자세한 내용은 코드를 전부 완성한 후 이번 글에 추가하겠다. 모든 코드를 완성했다. 웹 사이트에 링크를 따로 연결한 것도 아니고 기본적인 형태만 만든 것 뿐인데, 시간이 꽤 오래 걸렸다. 그래도 .. 2022. 8. 12.
자바스크립트 객체 사용 가이드 자바스크립트 객체의 메서드(method)와 프로퍼티(property) 종류를 나열하고 설명해주는 사이트 https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects 표준 내장 객체 - JavaScript | MDN 이 장은 JavaScript의 모든 표준 내장 객체와 그 메서드 및 속성을 나열합니다. developer.mozilla.org 2022. 8. 9.
전자기기의 스크린 정보(미디어 쿼리 구문) 최근에 출시된 전자기기의 화면 크기, 뷰 포트 크기, 해상도 등 미디어 쿼리에 필요한 정보를 제공하는 사이트 https://yesviz.com/devices.php Viewport Size, Resolution, Screen Sizes, CSS PPI and CSS media queries for popular Devices | YesViz A Useful database contains Viewport Size, Resolution, Screen Sizes, CSS PPI and CSS media queries for popular devices including phones, tablets, smart watches and laptops. yesviz.com 2022. 8. 1.
구글 웹 폰트 다양한 웹 폰트를 제공하는 구글 사이트 https://fonts.google.com/ Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com 2022. 7. 25.
CSS 소스 경량화 CSS 소스를 경량화해주는 웹 사이트 → 별도의 설치 필요 없음 https://www.toptal.com/developers/cssminifier CSS Minifier & Compressor | Toptal® Use our CSS Minifier & Compressor tool to reduce CSS code size and make your website load faster. Get started for free now. www.toptal.com 2022. 7. 21.
웹 브라우저 종류에 따른 HTML 태그 호환 여부 확인 웹 브라우저 종류에 따른 HTML 태그의 호환 여부를 확인할 수 있는 사이트다. 또한, HTML 사용 도중 발생하는 몇몇 문제점들의 해결 방법을 찾을 수도 있다. https://caniuse.com/ Can I use... Support tables for HTML5, CSS3, etc caniuse.com 2022. 7. 20.
맥북 복사 붙여넣기 안 될 때 해결 방법 Preface MySQL Wokrbench를 이용하던 중 갑자기 복사(command + c) 단축키가 작동하지 않아 해결 방법을 찾아 업로드한다. 1. Spotlight를 실행(커맨드 + 스페이스바)한 후 activity Monitor.app를 검색하여 실행시킨다. 2. 'pboard'라는 프로그램을 검색한 후 강제 종료시킨다. 2022. 5. 9.
온도 측정 프로그램 Preface 최근에 파이썬 공부를 시작한 친구가 최솟값과 최댓값을 지정한 후 -999를 입력하기 전까지 입력받은 모든 값의 범위를 판단하는 온도 측정 프로그램 작성을 부탁하여 간단한 코드를 짜봤다. - 온도 측정 코드 min = int(input('최솟값을 입력하세요.: ')) max = int(input('최댓값을 입력하세요.: ')) true_lst = [] false_lst = [] while True: while -999 not in false_lst: temp = int(input('온도를 입력하세요.: ')) if min < temp < max: true_lst.append(temp) else: false_lst.append(temp) false_lst.remove(-999) print('t.. 2022. 3. 27.
프린트기 프로그램 Preface 어제 친구와 프린트기에 관한 이야기를 하던 도중 문득 프린트기에 사용되는 코드는 제어문 몇 개만 사용하면 금방 만들 수 있을 것 같다는 생각이 들어 짧고 간단하게 코드를 작성해봤다. 프린터와 컴퓨터의 연결 상태, 흑백 및 컬러 색상의 구분, 작성한 내용 (반복 or 순차)출력 등의 사항은 고려하지 않고 단순히 남은 자원을 통해 input으로 들어온 개수만큼 output을 출력하도록 코드를 구성했다. 막상 코드를 완성하고 나니 파일 이름만 거창하게 프린터라고 지었을 뿐, 단순 입출력 코드를 클래스로 구현한 것과 다름이 없어 조금 머쓱하다. 시간이 조금 지난 뒤 제대로 된 코드 완성에 다시 한 번 도전해야겠다. - 프린트기 코드 # 프린트기에 사용되는 코드 from typing import A.. 2022. 1. 24.
파이썬 스타일 가이드 https://www.python.org/dev/peps/pep-0008/ PEP 8 -- Style Guide for Python Code The official home of the Python Programming Language www.python.org 파이썬 스타일 가이드 링크 2021. 9. 28.

티스토리툴바