내가 보려고 만든 블로그

그리드 레이아웃이란(Grid Layout)? 페이지를 여러 주요 영역으로 나누거나 크기 및 위치 문서 계층 구조의 관점에서 작성된 content 간 관계 정의하는데 아주 효율적인 레이아웃! 테이블처럼 세로 열과 가로 행을 기준으로 편하게 사용할 수 있다. 하지만 실질적으로 grid를 사용할 일이 없어서 잘 모르고 있다가 여러개의 일렬로 출력되는 데이터들을 2줄씩 출력하고 싶었다. 하지만 테이블을 이용하거나 flex를 이용하는 것보다 grid를 이용해서 하는 것이 더 효율적이라는 것을 발견! 만약 이러한 코드가 있다고 가정을 하자 .content_wrap{ width: 200px; height: fit-content; } .content_wrap .content{ height: 20px; backgroun..

환경 macOS Catalina Laravel PHP mysql 8 로컬호스트로 서버랑 데이터베이스 연동을 하던 도중 이런 오류가 발생했다. PDO::_construct(): Unexpected server response while doing caching_sha2 auth 인증 오류인거같은데 이거 하나 해결하는데 엄청 오래 걸렸다 😢 데이터베이스에 들어가서 아래와같이 입력하면된다! ALTER USER root@localhost INDENTIFIED WITH caching_sha2_password BY 'user_password'; GRANT ALL PRIVILEGES ON {db}.* TO 'root'@'localhost'; 비밀번호 변경할 때도 오류가 발생했는데 ERROR 1819 (HY000): ..

자바스크립트에서 세션이 아닌 쿠키를 사용하고자 한다! 쿠키란? 쿠키는 클라이언트(브라우저) 로컬에 저장되는 키와 값이 들어있는 작은 데이터 파일입니다. 사용자 인증이 유효한 시간을 명시할 수 있으며, 유효 시간이 정해지면 브라우저가 종료되어도 인증이 유지된다는 특징이 있습니다. 쿠키는 클라이언트의 상태 정보를 로컬에 저장했다가 참조합니다. 클라이언트에 300개까지 쿠키저장 가능, 하나의 도메인당 20개의 값만 가질 수 있음, 하나의 쿠키값은 4KB까지 저장합니다. Response Header에 Set-Cookie 속성을 사용하면 클라이언트에 쿠키를 만들 수 있습니다. 쿠키는 사용자가 따로 요청하지 않아도 브라우저가 Request시에 Request Header를 넣어서 자동으로 서버에 전송합니다 출처: h..

content: ''; position: absolute; top: 50%; left: 50%; margin-top: -0.2rem; display: block; width: 0.35rem; height: 0.7rem; border-style: solid; border-color: var( --theme-color ); border-width: 0 0.2rem 0.2rem 0; -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); transform: translateX(-50%) translateY(-50%) rotate(45deg);

npm run dev 명령어를 쳤을때 발생하는 에러! webpack 버전이 4로 올라가면서 생기는 에러라는데 간단하게 있던 webpack을 없애고 다시 버전 3으로 설치하면된다! npm uninstall webpack npm install webpack@3.10.0 --save-dev

매번 검색하기 귀찮아 😞 https://dev.w3.org/html5/html-author/charref Character Entity Reference Chart dev.w3.org

select 박스를 사용하려고 할때 커스텀하는게 귀찮아졌다 그래서 div로 select 박스를 만들고 있는데 나중에 까먹을까봐 미리미리 기록하기 제목 제목 내용 글쓴이 .select{ width: fit-content; background: #FFFFFF url("../public/img/icon/select-box-row.png") no-repeat scroll; border: 1px solid #b8b8b8; overflow: hidden; font-size: 18px; color: #666666; padding: 10px 0 10px 18px; width: 155px; } .select-ul{ list-style-type: none; overflow-x: hidden; overflow-y: auto..

*공간분할* div : 가로 분할 span : 세로 분할 *텍스트 태그* pre : 게시판에서 pre 텍스트 내에 있는 태그들이 적용됨! -> 조금있다가 더 검색 필요 *a 태그* target 한번 검색해보기 href=“#id” 하면 id를 가진 div 및 컨포넌트로 화면이동 *form 태그* GET : 게시판에 정보를 가져올때 (select) POST : 게시판에 정보 삽입할때 (insert) PUT : 게시판 정보 변경할때 (update) *동영상 띄울때?* 예전에는 envd 이제는 video 태그 사용! *iframe* 외부 html을 내부로 가져올때 선택자 #id div : #id 아래 모든 div 적용 (자손 선택자) #id > div :#id 자식 div만 적용 (자식 선택자) 동위선택자 #d..

script로 input 박스 선택시 달력 출력하는 방법을 알아보자 요즘은 스크립트가 잘되어있어서 제대로된 스크립트만 참고하면 가능하다 $(function () { $("#date_picker").datepicker({ dateFormat: 'yy-mm-dd' }); )} 날짜 뿐만아니라 시간까지 출력하고 싶다면 $(function () { $("#datetime_picker").datetimepicker({ format: 'y-m-d H:i' }); }); datetime picker를 이용하면된다 참고 https://jqueryui.com/datepicker/

개발환경 laravel php 저번에 페이스북 로그인 연동에 이어서 회원탈퇴시 로그인할때 허용해주었던 페이스북 권한을 해제해 주려고 합니다! 혹시 로그인 부분이 필요하신 분을 위해 링크 남겨놓을게요 2020/01/29 - [🏢] - Cordova로 Facebook Login을 연동해보자! Cordova로 Facebook Login을 연동해보자! 환경 cordova 9.0.0 android 8.1.0 mac php laravel 개요 일반적인 안드로이드나 ios, web이 아닌 하이브리드에서 페이스북 로그인을 연동해야한다! 개발하는게 다 그렇지만 나는 내가 하나하나 개발하는게 아니라.. become-a-developer.tistory.com 사용자가 회원탈퇴 할때 데이터베이스에서 정보를 정리해주는 것도 필..