랜딩페이지가 뭔지, 예로는 무엇이 있는지, 1단 레이아웃은 또 무엇인지 간단하게 알아보도록 하겠습니다. 랜딩페이지(landing page) 세로로 길게 구성된 페이지를 말한다. 스크롤 시 아래의 컨텐츠가 표시되는 싱글페이지 형태의 웹 페이지 위의 사진처럼 스크롤하면 주 메인 내용이 보여지는 페이지들을 "랜딩페이지" 라고 합니다. 랜딩페이지를 사용하는 이유 랜딩페이지를 사용하는 이유는 하나의 목표를 달성하기 위함이다. 주로 자신의 물건을 홍보하는, 마케팅을 주 목적으로 하여 만들어지는 웹 페이지라고 생각하면 된다. 랜딩페이지 이점 [할인], [바로 구매] 등 사용자가 클릭하게끔 유도하는 버튼 등 여러 방식을 사용하여 "신규 회원 할인쿠폰" 등 회원가입을 하게 만들어 홈페이지의 전환율을 올리는 데에도 큰 도..
MySQL Workbench 설정 1.검색창에 “mysql” 검색 후 [MySQL Workbench 8.0 CE] 클릭하여 실행 2.설치하면서 설정한 root(관리자) 클릭 3. 설정했던 비밀번호 치고 ok 버튼 클릭 (개인 집에서 사용한다면 패스워드 저장해도 괜찮음. 밖에서 사용한다면 보안상 체크는 풉시다.) 4. 상단 메뉴의 [Edit] > [Preferences] 클릭 후 [SQL Editor] 클릭하여 맨 아래 “Other” 부분의 [Safe Updates( 블라블라~) 체크 해제 후 ok ★왜 safe updates를 하나요? -> update나 delete 문 등 한번에 많은 쿼리들을 처리할 때 safe mode로 인해 오류가 나기 때문이다. MySQL Path(경로) 추가하기 1.파일 탐색기..
Oracle에 이어 MySQL설치하는법에 대해 정리해 보겠습니다. 22년 9월 기준 최신 버전인 8.0.30 설치를 합니다. 1.홈페이지 접속 후 “Microsoft Windows’ 로 선택 후 [Go to download page] 클릭 MySQL :: Download MySQL Community Server Select Operating System: Select Operating System… Microsoft Windows Ubuntu Linux Debian Linux SUSE Linux Enterprise Server Red Hat Enterprise Linux / Oracle Linux Fedora Linux - Generic Oracle Solaris macOS Source Code Sele..
본 글은 개인 공부용으로 제작되었으며 틀린 부분이 있어서 알려주시거나 글에 없는 내용을 댓글로 남겨주시면 감사하겠습니다 ' U ' CSS 코드 구분하기 예제 코드 #gnb{ position:absolute; } 셀렉터(선택자) : #gnb 선언 블록 : { position:absolute} 선언 : position:absolute; 속성 : position 값 : absolute Class 명 & ID명 생성 규칙 첫 글자는 반드시 영어로 시작한다. 공백은 사용하지 않는다. 영어,숫자, -(하이픈), _(언더바) 만 사용한다. CSS 적용 우선순위 계산 종 류 값 !important 최고 순위 #id 100 .class 10 tag 1 * 0 예시코드 div#hello -> 1+ 100 = 101 로 우..
1.아래 홈페이지에 접속하여 최신버전의 Microsoft Windows x64 (64-bit) 골라서 ZIP를 다운받는다. Database Software Downloads | Oracle 대한민국 Oracle Database Express Edition Previous Database Release Software Oracle Database 10.2, 11.x, 12.x, and 18c are available as a media or FTP request for those customers who own a valid Oracle Database product license for any edition. To request access to t www.oracle.com 2. zip 다운 받는 동안..
간단하게 vscode와 git, github를 연결해서 편하게 코드 작성하시기 바랍니다. (저도 이번에 처음 연결한 거라 틀린 부분이 있을 수도 있습니다 ㅎㅎ.. 피드백은 환영) 연결하기 전에 준비물이 필요합니다 (vscode,git,github) 다 되셨다면 아래로 !! 1.vscode 설치하기 (홈페이지 링크) 자신이 쓰고있는 운영체제에 맞게 설치해줍시다. vscode 확장프로그램 추천은? VScode 기본 셋팅(1) - 확장프로그램 추천 ※참고 !! 제가 편하게 사용하기 위해 깔아논 것 중 뽑아서 추천해드리는 것이기 때문에 절대적으로 깔아야 되는건 아님!! 맨 아래에 글에 쓰인 확장프로그램명 이름만 따로 정리해 놨습니다. 1 palkong.com 2. git 설치 (홈페이지 링크) 역시 운영체제에 ..
HTML은 물론 CSS 조차 몇 백줄이 나오고.. 클래스는 못찾겠고.. 뒤죽박죽인 나의 코드들.. 해결점을 찾기 위해 뒤적거리다 나도 모르게 안좋은 습관을 가지고 있었다..! CSS 안좋은 습관, 본인한테 해당되는지 한 번 확인해 보는 것도 괜찮을 듯 합니다. 1.HTML 기본 속성 무시하지 말기 HTML 에는 인라인 태그, 블록 태그 등 여러 태그들이 존재한다. 하지만 그 태그들의 본연의 성질을 무시하고 인라인태그에 block 요소를 주어서 굳이 크기를 주는 경우가 있는데 이것은 잘못 사용하는 예이다. 예를 들어 태그는 인라인 태그 이다. 굳이 인라인 태그에다 display:block;을 준 뒤 크기를 주는 경우가 있는데 이것은 잘못 된 습관이니 고치도록 하자. 2. !important 난사하지 말기...
HTML 작업이 끝나고 며칠 후에 내 코드들을 보면은 너무 복잡하고 지저분하게 되어있어서 뭐가 뭔지 모를 때가 많았다. 그래서 HTML을 어떻게 깔끔하게 짤 수 있을까.. 찾던 도중 나에게 안좋은 습관들이 많았던 것이다. 내가 알아본 것들을 정리해 볼려고 한다. 완전 초보 개발자 수준이니 어느정도 마스터 하신 분들은 눈요기로 봐주시면 감사합니다. 1. 다양한 태그를 사용해라 보통 박스를 구분할 때 태그를 자주 사용했는데, 나중에 수정하려고 보면 어디가 어디 부분인지 헷갈린다. ... ... 3.이벤트는 인라인 방식으로 사용 NoNo onclick 같은 이벤트를 태그 안에다 사용하는 인라인 방식은 사용하지 않는 것이 좋다. 다른 사람들이 나중에 봤을 때 혼동이 올수도 있고 양이 방대해지면 일일이 찾아서 수..
개인적으로 서브메뉴 만들 때 참고하려고 만든 정리 글이니 부족해보일 수 있습니다! Tip 이나 틀린 점은 댓글로 남겨주시면 감사합니다!!!!!!!!!!!!!! 기본적으로 ul li ul 형태의 서브메뉴를 예로 들어서 하겠습니다. jQuery 버전은 1.12.4 버전을 사용했습니다. 실습결과 HTML 코드 slide1 ▼ sub_slide1 sub_slide2 HTML은 다들 비슷비슷 하실 꺼라고 생각합니다. 더 추가 내용 없이 넘어가겠습니다. CSS 코드 /* display는 굳이 안적어줘도 됨. */ #gnb li ul{ display:block; border: 1px solid black; border-top:none; } /* hover 이벤트로 border 효과를 택스트가 포함된 a 태그에 적용 ..