본문 바로가기
  • BLG-ZYNGIROK-모토-꿈꾸며-배우고-나누며-이루다
반응형

ICT/WEB - HTML & CSS7

HTML CSS | 엘레멘트 가운데 정렬하기 치트키 html을 작성할 때 css를 이용해서 가운데 정렬하는 방법은 꽤 다양하다. 어떻게 작성하던지 상관없이 의도한 대로 가운데 정렬이 된다면 뭐든 일단 큰 문제가 아니다. 그런데 한 div 안에 img와 같은 특정 엘레멘트만 가운데 정렬하고 싶은 경우가 있다. 언제까지 text-align 만 사용할 것인가? 그렇다. html을 작성할 때 text-align 은 텍스트 정렬할 때만 사용하지 않고 div 내의 모든 엘레멘트를 가운데 정렬할 때도 이용된다. 그런데 언제까 text-align 만 사용할 것인가? text-align을 사용해 가운데 정렬하기 위해 새로운 div를 만들고 있었다면 이번 글을 통해 치트키 하나를 무조건 기억해 두자. 디스블록마영오토 이제부터 "디스블록마영오토" 아마 zyngirok에서 최.. 2021. 12. 3. 21:14
HTML | VSCode에서 Live Server 이용할 때 작업 폴더가 여러개 일 때 HTML | VSCode에서 Live Server 이용할 때 작업 폴더가 여러개 일 때 VSCode에서 작업 폴더를 여러 곳을 꺼내놓고 사용하면 Live Server가 현재 작업하는 html 파일이 아닌 다른 폴더의 html을 실행할 때 어떻게 해야 할까? Live Server VSCode에서 Live Server를 이용하면 Apache 같은 프로그램을 사용하지 않더라도 간단하게 local server를 구현해 웹페이지 구동을 해볼 수 있어 정말 편리하다. 보통은 VSCode 화면 오른쪽 밑에 Go Live 버튼만 눌러주면 바로 로컬 서버가 시작된다. 문제는 여러 작업폴더를 이용할 때 한 작업 영역에 여러가지 프로젝트를 불러와서 이용할 때가 있다. 간단하게 여러 프로젝트를 프로그램을 껐다 켤 필요 없이 넘나들 수 있어서 편한데 가끔은 기본 세팅값의 문제로 편리한 확장 기능들을 추가적으로 세.. 2021. 12. 2. 17:00
CSS Sass Compiler- VSCode에서 작업영역에 여러 폴더를 추가해서 사용할 때 scss savePath 설정하는 방법 CSS Sass Compiler- VSCode에서 작업영역에 여러 폴더를 추가해서 사용할 때 scss savePath 설정하는 방법 VSCode를 이용할 때 하나의 작업 영역에 여러 개의 폴더를 추가해서 작업할 때가 있다. 이럴 때 Sass 컴파일러의 savePath설정에 따라서 다른 작업 폴더에 저장되는 경우가 있다. 이럴 때 해결방법을 알아보자. savePath 설정 settings.json 열기 savePath를 설정하기 위해서 setting.json 파일을 열어야 한다. VSCode를 실행 후 "F1"을 누르면 화면 중앙 윗부분에 검색창이 뜬다. 여기에 "setting.json"이라고 적어주고 "Preferences: Open Settings (JSON)"을 선택한다. 그럼 settings.json파일이 열린다. liveSassCompile.settings.formats 그럼 이젠 "liveSassComplie.settings.. 2021. 12. 1. 18:02
반응형