마켓플레이어, 마케터 봉

ppt를 하다보면 제목을 돋보이게 하기 위해 불투명한 박스를 만들곤 한다.그리고 배경이 너무 심심해서 이미지를 넣고, 불투명도를 조절해서 텍스트를 강조한다. 아래 코드는 바로 그 불투명도를 조절하는 것이다.background: linear-gradient(217deg, rgba(255,0,0,.8), rgba(255,0,0,0) 70.71%), linear-gradient(127deg, rgba(0,255,0,.8), rgba(0,255,0,0) 70.71%), linear-gradient(336deg, rgba(0,0,255,.8), rgba(0,0,255,0) 70.71%);  아래와 같이 바꾸면? background: linear-gradient(217deg,..

7. 봉드로이드_개발공부 2024. 10. 4. 19:25

사이트를 만들 때 일일히 디자인을 그리기 어렵다.그렇기에 부트스트랩을 사용해 css를 복잡하게 넣지 않고도 적용하는 것이다. 1. 그냥 아래 스크립트 복사, html 파일 만들기 텍스트 페이지를 열어보면, 아무것도 없는 아래와 같은 페이지가 나온다. 2. 부트스트랩에서 원하는 디자인 찾기.나는 버튼을 여러개 넣을 생각이라 버튼을 찾았지만, 사이트를 뒤져보다보면 여러 레이아웃 스타일을 찾을 수 있다.https://getbootstrap.com/docs/5.0/components/buttons/ ButtonsUse Bootstrap’s custom button styles for actions in forms, dialogs, and more with support for multiple sizes, ..

7. 봉드로이드_개발공부 2024. 10. 4. 11:49

지난 포스팅에서 css를 그냥 하나의 html 파일에 넣어놨다.https://marketerbong.tistory.com/40 방법은 간단하다.1. html 파일 만들었던 폴더에 style.css 파일을 만든다.파일명은 style 이 아닌, 어떤 걸로 해도 상관은 없다. 확장자만 ~.css로 하면 된다. 2. 안에 있던 모든 소스를 생성한 css 파일에 넣어놓는다.위 이미지 표시한 영역을 css파일에 복붙한다. 3. 부분을 삭제하고, 영역에 아래 스크립트를 삽입한다.나는 css파일 이름을 기억하기 쉽게 style이라 했지만, 무엇으로 해도 상관없다.다만 파일명을 바꿨으면 [파일명.css]로 삽입해야한다. ** 참고로 html 파일 마다 css 파일을 다르게 지정할 수 있다. html은 하나의 페이지인..

7. 봉드로이드_개발공부 2024. 10. 3. 18:28

대부분의 사이트는 기본 폰트를 사용하지만, 뭔가 브랜드 아이덴티티를 위해 특정 폰트로 모든 메세지를 통일하고 싶다면?보통 자사몰을 운영하면서 웹폰트를 사용하는데, 조금 더 깔끔한 디자인을 위해 폰트를 일괄 적용하는 경우가 있다. 굉장히 쉬운 방법이라 기록 겸 공유한다. 1. 구글 웹 폰트 사이트에 접속한다.https://fonts.google.com/?subset=korean 2. 원하는 폰트를 선택한다.나는 Nanum Gothic을 선택했다.그럼 위 이미지처럼 나오는데, 오른쪽 상단의 [Get font] 버튼을 누른다. 3. 폰트 우측에 있는 [Get embed code]를 클릭한다. 다른 페이지로 넘어갔어도, 우측 상단의 장바구니 아이콘을 누르면 된다.** 번외로, 여러 폰트를 선택해도 된다. 단, ..

7. 봉드로이드_개발공부 2024. 10. 3. 11:12

기초부터 정리를 하기 위해 적는 글이다. 사람으로 표현하자면, html은 골격, 체형을 뜻하고, css는 외형을 꾸미는 모든 것을 의미한다. 그리고 javascript는 동작을 의미한다. 일종의 근육? 행동이랄까.즉, html은 뼈대를 의미하고(건물로 비유하면 기본 골격, 골자), css는 꾸미기(건물로 비유하자면 인테리어), javascript는 어떤 액션을 취했을 때 나오는 무언가를 의미한다. html은 크게 head와 body로 나뉘어진다.body는 우리가 흔히 보는 홈페이지에 표현되는 내용이고, head는 그 외의 속성 정보를 담는다.보통 우리가 홈페이지를 개발할 땐 body 영역을 주로 쓰며, head는 분석 스크립트를 심는다거나 메타태그, 페이지설명 등 SEO를 위한 영역으로 사용한다. 기본 ..

7. 봉드로이드_개발공부 2024. 10. 2. 18:15

개발을 할 때, 사용하는 프로그램은 많다.하지만 가장 기본은 VS CODE라는 프로그램이 아닐까 싶다.그래서 난 VS CODE(Visual Studio Code)를 사용해 코딩 공부한 내용을 정리하려고 한다. 1. 웹사이트에 접속해 VS CODE를 다운로드, 설치 한다.https://code.visualstudio.com/ Visual Studio Code - Code Editing. RedefinedVisual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your f..

7. 봉드로이드_개발공부 2024. 10. 2. 10:29