👩🏻‍💻

한 학기 동안 미국 California State University, Monterey Bay에서 교환학생을 다녀온 후, CSUMB에 가기 전 알고 가면 좋을 정보와 제 느낀점 등을 정리해보았습니다. 1. 날씨 교환학생을 가기 전 제가 상상한 캘리포니아는 항상 따뜻하고, 맑은 도시였지만 직접 가 본 몬터레이는 생각보다 춥고 일교차가 큰 지역이었습니다. 제가 몬터레이에서 생활한 1월부터 5월 중 5월을 제외하고는 아침 저녁은 항상 후드집업 또는 후리스를 입고 다녔고, 낮에도 기온이 올라가도 습하지 않으니 주로 긴 팔을 입고 생활했습니다. 특히 일교차가 심할 때는 20도 정도로 매우 크고, 3월까진 해가 매우 빨리 지니 패딩까진 아니더라도 후리스부터 반팔까지 다양하게 챙겨가시길 바랍니다. 저는 학교에 도착하..

Google Fonts 사용법 https://fonts.google.com/ Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com 1. 폰트 선택 Google Fonts에 접속한 후 검색, 정렬을 이용하여 사용할 폰트를 선택합니다. 2. 원하는 스타일 선택 제공되는 다양한 스타일 중에서 원하는 스타일을 왼쪽 Select this style을 클릭하여 추가합니다. 3. 코드 복사 및 적용 왼쪽에 팝업창이 뜨면 Embed를 클릭한 후 아래쪽의 코드를 복사합니다. 팝업창이 뜨지 않을 경우 오른쪽 위 About 옆의 아이콘을 클릭하면 창이 나타납니다. HTML의 head영역에 복사한 코..

웹페이지에서 우클릭 후 검사를 클릭하면 개발자 도구가 열립니다. 개발자 도구 상단의 두번째 아이콘인 'Toggle device toolbar'를 클릭하면 위와 같이 모바일, pc 등 다양한 기기, 다양한 크기의 화면에서 웹페이지가 어떻게 보이는지 확인해볼 수 있습니다. 미디어 쿼리를 이용하면 위 예시와 같이 뷰포트(화면 상의 표시 영역)의 넓이가 500px 이상일 때, 이하일 때 등 특정 조건을 만족했을 때의 웹페이지의 디자인을 다르게 설정할 수 있습니다. 미디어 쿼리의 기본 형태 @media mediatype and (expressions) { CSS-Code; } mediatype은 웹 페이지가 보여지는 장치를 의미합니다. expressions의 조건들이 모두 참이면 css-code의 내용을 웹 페이..

caniuse라는 HTML, CSS, Javascript의 기술들을 웹브라우저들이 얼마나 채택하고 있는지에 대한 통계를 볼 수 있는 사이트에 따르면, CSS의 Grid Layout은 거의 모든 웹브라우저에 적용시킬 수 있고, 전 세계 95.27%의 사용자들이 이 기술을 적용한 사이트를 이용할 수 있다는 것을 알 수 있습니다. 이처럼 Grid Layout은 웹페이지에 레이아웃을 구현하기 위한 아주 유용한 기술입니다. https://caniuse.com/ Can I use... Support tables for HTML5, CSS3, etc About "Can I use" provides up-to-date browser support tables for support of front-end web tech..