반응형 코드, 노코드7 CSS 이미지 가운데 정렬 (magin: 0 auto) 안될 때 HTML/CSS 공부하면서 실제 적용하면서 생겼던 문제들을 정리해보았다. 배울때는 몰랐는데 막상 배운대로 적용이 안되네? 싶었는데 수업 다시 복기해보면 다 배운내용이라는게 함정 ㅋㅋ 참고로 margin: 0 auto;는 위/아래 margin 0, 좌/우 maring auto라는 의미 margin-left: auto; margin-right: auto;와 같은 뜻이다. 1. Display : Block인지 확인 간단하게 로고를 화면 한가운데 표시해보자. 그냥 margin: 0 auto;만 적용하면 제대로 표시되지 않고, display: block을 적용하면 정상적으로 표시된다. (width 지정해도 정렬 안됨. width 지정하고 overflow: hidden해도 된다고 해서 해봤는데 정렬 안됨. 내가 잘.. 2023. 6. 28. node.js + express 세팅하기 - Homebrew, Vscode (맥) node.js 홈페이지가서 파일 다운받아서 설치해도 되지만, 맥에서는 항상 권한 에러가 나서 그냥 homebrew를 사용해서 설치해보았다. Homebrew가 안되면 yarn 이런 것도 사용하면 좋다고 한다. 암턴간에 까먹기 전에 설치방법 복습 ㄱㄱ 1. Node.js 설치 구글에 Homebrew 검색 구글 > Homebrew 검색 https://brew.sh/index_ko Homebrew The Missing Package Manager for macOS (or Linux). brew.sh 터미널에서 Homebrew 설치 Homebrew에서 복사한 스크립트 붙여넣기 터미널 > 복사한 스크립터 붙여넣기 > 엔터 터미널에서 brew로 node.js 설치 터미널 > brew install node brew .. 2023. 5. 3. HTML에 이메일 보내기 링크 넣는 방법 내가 만든 포트폴리오 홈페이지에 이메일 링크 넣는 방법에 대해 알아보자. 이메일 링크를 누르면 자동으로 기본 메일 프로그램을 연결해 주고, 메일을 보낼 수 있는 기능으로, mailto라는 명령어(?)를 활용하면 된다. 1. HTML에 mailto 추가하기 초간단하다. 텍스트에 링크를 넣는 'a' 태그에 mailto라는 문구를 추가해서 사용하면 된다. 사람들에게 보이는 텍스트 예를 들어, 내 회사 메일이 mycompany@gmail.com이고, mycompany@gmail.com이라는 텍스트를 누르면 사람들이 나에게 메일을 보낼 수 있으면 좋겠다면 아래와 같이 하면 된다. mycompany@gmail.com 받아야 하는 사람이 여러 명인 경우 콤마(,)로 구분하여 추가하면 된다. 메일 보내기 쫌만 응용하면.. 2023. 1. 9. Firebase 무료 호스팅으로 웹 사이트 올리기 (맥 기준) 포트폴리오나 사이드 프로젝트를 하는 경우, 가장 빠르고 쉽게 할 수 있는 방법이 웹 개발인 것 같다. 뭐든 후딱 올려보고 반응을 보는 게 중요한 세상, 고민하지 말고 Firebase 무료 호스팅으로 내가 만든 사이트를 쉽고 빠르게 런치 해보자. 프로젝트당 저장공간 10GB까지 무료로 사용할 수 있다. Firebase에 무료로 웹 사이트 올리는 방법 1. Firebase 가입하기 2. 터미널에 Firebase 설치 & 로그인 3. 터미널에서 Firebase 설정 4. Firebase에 내 웹사이트 업로드 1. Firebase 가입하기 1. Firebase 가입 아직 아이디가 없다면, Firebase에 가입한다. 무료이고, 구글 계정으로 사용할 수 있다. 웹을 기준으로 작성하고 있지만, 안드로이드/iOS 앱.. 2023. 1. 4. 이전 1 2 다음 반응형
