분류 전체보기

기타 자주 쓰는 CSS : 스크롤바 가리기

브라우저 자체에서 제공하는 스크롤바를 가려달라고 하거나, 가려진 스크롤바를 보이도록 풀어달라는 요청이 있다. html::-webkit-scrollbar {width:0; height:0; background:none;}

[드림코딩] 콜백함수 (2) : 콜백지옥 탈출, Promise (State, Producing)

Promise Promise는 javascript에 내장되어있는 object로, 이를 통해서 비동기 코드를 깔끔하게 작성할 수 있다. 네트워크통신을 한다던지, 파일을 읽어온다던지 하는 등의 무거운 작업을 할 때는 오래 걸리므로 Promise로 처리한다. 무거운 작업을 처리하므로 사용자가 요청하지 않았는데도 일어나는 불필요한 네트워크통신(promise함수의 실행)을 방지해야 한다. new Promise가 만들어지는 순간, 해당 executor 함수가 자동으로 실행되므로 주의하자. promise는 아래 두 가지를 염두에 두면 좋다. 1. State(상태) process가 무거운 operation을 수행하고 있는지/완료되었다면 성공했는지/실패했는지의 상태 pending : operation을 수행 중인 상태 ..

[드림코딩] 콜백함수 (1) : 콜백지옥 예시

콜백지옥 // 기본세팅 class UserStorage { loginUser(id, password, onSuccess, onError) { setTimeout(() => { if ( (id === 'master' && password === 'master00') || (id === 'submaster' && password === 'submaster00') ) { onSuccess(id); } else { onError(new Error('not found')); } }, 2000); } getRoles(user, onSucces, onError) { setTimeout(() => { if (user === 'master') { onSuccess({name: 'Master', role : 'admin'..

여태까지 고쳐온 오류들 : 나눔스퀘어 16px 아래에서 깨짐

나눔스퀘어 16px 아래에서 깨짐 16px 아래로 나눔스퀘어 사용시엔 아래 css를 추가해주자. div {transform: skew(-0.03deg);}

여태까지 고쳐온 오류들 : 사파리 fixed 요소 날라가는 문제 (햄버거닫기버튼 등)

사파리 fixed 요소 날라가는 문제 사파리는 왜인지 fixed도 오류가 난다. 1. 일단은 position: absolute로 대체할 수 있는지 시도해보자. 2. 대체할 수 없는 경우엔 아래 css를 시도해보자. (시도해본 적 없으나 아래 방법으로 성공한 사람이 있다고 한다) div { position: fixed; z-index: 999999999; transform: translateZ(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); -webkit-transform: translateZ(0); -webkit-font-smoothing: antialiased; /* seems to ..

여태까지 고쳐온 오류들 : 사파리 table 반응형 시 th/td 100% 안되는 문제

사파리 table 반응형 시 th/td 100% 안되는 문제 이 이슈는 세계 각국의 개발자들이 겪었는지 stack overflow에 다양한 해결방안이 나와있었다. 순서대로 시도해보자. 1. th,td에 float: left;를 줘보자. th, td {float: left;} 2.혹시.. 이 빠졌는지? (바보같지만 이랬던 적이 있었다) 3. 이래도 안되면 tr에 display: table-cell;을 줘보자 (안해봤지만 아무리해도 안되는 경우 이 방법으로 해결한 사람이 있다고 한다.) tr {display: table-cell;}