마켓플레이어, 마케터 봉

자바스크립트 기본 개념 총 정리한다. 자바스크립트는 기본적으로 변수, 자료형, 함수, 조건문, 반복문 5가지만 기억하면 된다.1. 변수? 값을 담는 거다. 숫자나 문자 같은 여러 값들을 저장하는 것이다.2. 자료형? 변수에 담은 값이 숫자인지, 문자인지 등 변수의 종류를 나타낸다.3. 함수? 어떤 동작을 하도록 하는 명령어. ex) 버튼 클릭했을 때, 특정 페이지로 이동or얼럿창 띄우기 등4. 조건문? 만약(if) 이렇다면 이렇게 하고, 저렇다면(else if) 저렇게 하고, 그렇지 않다면(else) 그렇게 해라.5. 반복문? 반복조건에 맞다면 계속 반복해라. 1. 변수let a = 2let b = 5let c = 1let d = 'Bong'한마디로 값을 담는 것이다.a라는 변수에 2, b라는 변수에 5..

7. 봉드로이드_개발공부 2024. 10. 5. 18:27

성공에 대한 갈망은 누구나 있다. 그렇기에 성공에 대한 글이나 문장, 누군가의 말을 귀담아 듣고 마음속에 저장해 두곤 한다.요즘엔 그렇게 성공을 위해 독서를 시작하고, 미라클모닝을 하는 사람들이 부쩍 늘고 있다.직장 생활만으로는 집을 사고, 재산을 형성하며 살기엔 부족하기 때문이다. 나도 한 때는 이불개기, 책읽기. 이런 자잘한 것들을 꾸준히 한다고 무엇이 달라지나? 라고 생각한 적이 있다.지금 당장 눈에 보이는 변화가 없기 때문에 항상 갖는 의문이었다. 남들은 놀고, 대충 임기응변으로 때우며 넘어가는 일들을 나는 왜 이렇게 진심으로 붙잡고 있는가?그냥 대충 임기응변으로 넘기면 훨씬 편하고, 효율적이지 않을까?라는 생각을 한 적이 있었다. 그렇게 매너리즘에 빠진 적도 있었고, 권태기 아닌 권태기가 온 적..

9. 봉마케터의 생각 2024. 10. 5. 13:55

우선 아래 이미지를 보자.같은 버튼이지만, [주의사항 확인하기] 버튼과 [로그인하기] 버튼의 디자인이 다르다.body에는 다음과 같이 작성해있다. 로그인 페이지 아이디, 비밀번호를 입력해주세요 주의사항 확인하기 ID : PW : 로그인 하기  그렇다면, 버튼 2개를 각각 지정해서 디자인 하고 싶을 땐 어떻게 해야할까?또 클래스를 지정하는 것도 하나의 방법이다. 다만 그렇게 되면 너무 많은 버튼마다 클래스를 지정하기에 사이트가 복잡할 수록 관리하기 어렵다. 그렇기에 wrap이란 클래스 안에 있는 버튼, title이란 클래스 안에 있는 버튼이란 지정을..

7. 봉드로이드_개발공부 2024. 10. 5. 11:02

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