VamosDev의 개발 브이로그

css 속성 linear-gradientbackground-image의 속성 값으로 적용. 활용법 background-image: linear-gradient(색상1, 색상2);=> 위에서 아래 방향으로 색상1, 색상2가 그라데이션으로 채워짐.ex) background-image: linear-gradient(rgba(255, 255, 255, 1), white) background-image: linear-gradient(각도, 색상1, 색상2);=> 각도 입력 시 해당 각도만큼 회전, 예를 들어 90도 설정시 좌에서 우 방향으로 색상1, 색상2가 그라데이션으로 채워짐.ex) background-image: linear-gradient(90deg, rgba(0, 0, 0, 1), rgba(0, 0, ..

폼 양식(입력 양식)을 만들고 내용을 쿼리로 전송하는 태그 - 사용자의 입력을 받음- type 속성 : 입력 방식 종류 선택, checkbox, date, password(입력 값 비노출) 등 값 선택 가능- name 속성 : input 식별자 - input의 라벨 역할- 이런식으로 감싸면 라벨만 클릭해도 input이 선택됨.- 아니면 병렬로 표기하고 input id=email / label for=email 식으로 연결해 줄 수 있음. - type 속성: 기본값 'submit' 쿼리*로 데이터를 보냄- type을 'reset'으로 하면 초기화, 'button'으로 하면 아무 동작을 하지 않음.- form 태그 밖에 작성할 경우 아무 동작을 하지 않음!   [심화]   * form 태그의 action ..

[설치] https://analytics.google.com/analytics/web/provision/?utm_source=OGB&utm_medium=app&authuser=0#/provision Redirecting... analytics.google.com '측정시작' 클릭 아래 단계를 순차적으로 진행 1.계정 생성  - ID 입력하고 다음 2. 속성 만들기 - 측정할 시설 세부정보 등록 (웹페이지, 모바일페이지 등 여러개를 등록하여 측정할 수 있다.) 3. 비즈니스 세부정보 - 설문조사 진행 4. 비지니스 목적 - '웹 또는 앱 트래픽 파악'  체크 > '만들기' 클릭 4-1. 서비스 약관 동의 - GDPR 요구 약관에도 동의 '체크'   (구글은 쿠키를 통해 방문자 정보 수집, 그런데 유럽은 쿠..

SNS에 미리보기를 제공하는 meta 태그.이를 잘 활용하면 예쁘게 보이도록 할 수 있음! 그중 페이스북이 만든 '오픈그래프'가 소셜 미리보기 기능을 제공함.property의 'og:' 값이 오픈그래프를 의미함. 아래 코드를 html 문서의 head 부분에 입력 * 참고1"og:image" 태그 사용 시, 프로젝트 내에 이미지를 업로드하여 해당 이미지의 주소를 사용하면 표시되지 않음.이유 - react는 CRS기 때문에 미리보기 제공 시에는 실제 이미지 로딩이 되기 전 빈 html만 있는 상태기 때문임. 해결 방안 - 온라인 웹상에 업로드된 이미지의 주소를 사용함. * 참고2간혹 카톡 서버 URL 캐시로 인해 새로 적용한 og image가 보이지 않을 수 있음 해결 -카카오 디버거 툴을 이용하여 ur..

컴퓨터는 문자를  숫자로 변환하여 저장함어떠 숫자가 어떤 문자에 해당하는지 정해놓은 규칙을 인코딩이라고 함. 한글이 깨지는 이유)- 작성한 코드와 브라우저가 같은 인코딩을 사용하지 않기 때문 해결 방안)- 같은 인코딩을 사용하도록 직접 인코딩을 정해줌. ex.