ㅇㅅㅇ

! 티스토리 블로그가 아직 익숙하지 않은 블로거라 여러모로 어색할 수 있습니다ㅜㅅ ! 이유없는 비난외의 잘못된 부분에 대한 조언이나 후기 등의 덧글은 환영합니다.ㅎ 업무에 실제로 사용한 소스다. 업로드한 사진에서 얼굴만 잘라 쓸 수 있도록 하는 플러그인이 필요해 찾아보게 되었다. 사진업로드 -> 업로드한 사진에 cropper.js 실행 -> 업로드 버튼 클릭 시 크롭된 사진이 보이게끔 했다. 플러그인은 제목에 썼지만 cropper.js를 사용했다. Cropper.js fengyuanchen.github.io (올린 링크로)1.5.7버전으로 들어가면 몇 가지 예시를 볼 수 있고, 작성일 기준, 현재까지 4.1.0버전까지 나온거 같다. cropper.js에서 지원하는 옵션에 따라 낮은버전을 사용하면 작동이 ..

모바일 디바이스를 감지해 모바일 페이지로 리다이렉트 되는 스크립트 둘 중 하나 쓰면 된당. 1. var mobile = (/iphone|ipad|ipod|android|blackberry|mini|windowssce|palm/i.test(navigator.userAgent.toLowerCase())); if (mobile) { window.location.href = "이동할 경로"; } 2. 출처 : lemny.tistory.com/134 var UserAgent = navigator.userAgent; if (UserAgent.match(/iPhone|iPod|Android|Windows CE|BlackBerry|Symbian|Windows Phone|webOS|Opera Mini|Opera Mobi..

현 회사에서 하드코딩 업무도 진행하지만 쇼핑몰의 경우에는 대부분 고도몰이나 카페 24 솔루션을 이용해 제작한다. 나는 디자인 수정하고 사용가능 변수를 포함시킨 모션 구현 정도? 사실 구글에 '카페24쇼핑몰 ***'라고 검색하면 원하는 내용이 페이지에 있을 경우, 근접하게 검색결과로 나오기에 굳이 정리할 필요는 없을 수 있지만 나중에 쓰게될지 모르니 정리해봄 참고로 디자인 수정이라고 썼는데 디자인 수정시 필요한 모듈 찾거나 기능을 지우지 않기 위해 참고하는 사이트임... (그리고 전부 카페 24에서 지원하는 메뉴얼..ㅋ.ㅋ.ㅋ.ㅋ.ㅋ..) 1. 스마트 디자인 서포트 - 모듈리스트 http://sdsupport.cafe24.com/index.html 스마트디자인 서포트 sdsupport.cafe24.com ..

1. 웹표준 말 그대로 웹상에서 지켜야 하는 표준적인 규칙이라고 할 수 있습니다. 좀 더 구체적으로 말하자면 국제 표준화 단체인 W3C(World Wide Web Consortium)가 지정한 표준안을 지켜 웹사이트를 제작하는 것입니다. 또한 그렇게 함으로써 어떤 운영체제나 웹브라우저 상에서도 비교적 동일한 디자인과 기능을 구현하는 데에 그 목적이 있다고 할 수 있습니다. 1) 웹표준의 장점 ① 수정 및 관리의 용이 웹표준을 준수하여 (X)HTML과 CSS가 분리된 사이트를 만들 경우 수정사항이 있을 시 CSS의 수정만으로도 손쉽게 디자인의 수정이 가능해 집니다. 따라서 엄청난 시간, 비용절감의 효과를 누리실 수 있습니다. ② 파일 사이즈의 감소를 통한 웹공간의 확보와 로딩 시간 감소 웹표준을 준수하여 ..

이직 준비 당시 경력은 2년 내외였습니다.애매한 경력 덕분에(??) 면접을 생각보다 많이 보는 중인데 혹시나 싶어 면접 질문을 생각나는대로 정리해 봤습니다.후의 내가 다른 회사에서 면접을 볼 때, 혹은 면접 질문이 궁금하신 분들께 도움이 되길....* 일반질문- 자기소개- 나의 장점과 단점- 친구 혹은 직장 동료들이 나의 성격에 대해 어떻게 평가하는가?- 우리 회사를 어떻게 알게되었고 지원한 동기- 직전회사 퇴사사유- (이전전공이 완전히 달랐기에) 전공을 바꾼 이유는 무엇이고, 전공을 바꾼 후의 지금에 만족하는가?- (퇴사하고 구직까지 공백기간이 길 경우) 쉬는동안 어떻게 지냈는가?- x년 후에 나는 어떤 사람이 되어 있다고 생각하는가? 어떤 사람이 되고 싶은가?- 자신만의 스트레스 관리 방법, 취미- ..

코딩을 하다보면 굳이 시안의 이미지를 자를 필요는 없지만 이미지 삽입할 영역을 만들어야 할 때가 있어 찾아보고 사용하게 되었다. (이름을 누르면 해당 사이트로 접속할 수 있다.) 1. Placehold.it placehold는 원하는 이미지 사이즈를 입력하면 바로 출력되는 가장 간편하게 사용할 수 있는 방법이다. 텍스트 형식으로 제공해 사이즈가 어떻게 되는지 한 번에 볼 수 있다. 텍스트와 배경색이 필요하면 아래와 같이 적용하면 된다. 2. placeimg 이미지 사이즈 뒤에 이미지의 카테고리를 설정 후 디폴트는 any 혹은 Animals, Architecture, Nature, People, Tech의 5개의 카테고리에 Grayscale, Sepia형식의 필터 2가지의 조합으로 된 서비스다. place..

티스토리가 바뀌면서 코드블럭이라는 에디터 기능이 생겼습니다(오오)! 그런데 기대하며 사용해봤는데 어딘가 불편.... 해서 구글검색의 힘으로 highlight.js를 적용해 사용하기로 했습니다. (지극히 개인적인 수순으로 포스팅을 기재합니다ㅎ) 1. 스타일 선택 데모페이지에서 89가지의 스타일 중 원하는 스타일의 이름을 기억합니다. 저는 atom-one-dark를 선택했습니다. 2. 설치 여기로 접속해 직접 다운로드하거나 cdnjs, jsdelivr 라고 되어 있는 텍스트를 복사합니다. 아래와 같지만 버전이 업데이트 될 수 있으니 들어가서 확인해 보세요. 저는 cdnjs을 이용했습니다. 3. 적용 [블로그 관리]-[스킨 편집]-[html 편집]으로 들어가 태그 부분은 사이에 style.css와 font.c..

이 블로그는 전공+부업 공부용 블로그입니다 해서 해놨던거 프론트 앤드(html+css+js)자료를 넣어 보려고 하는데 저도 검색하다보니 블로거 분들이 쓰시는 플러그인(소스코드하이라이터)이 있어서 저도 받아 써보고 처음쓰시는 분들계 알려 드리고자(저도 정리할겸) 하는 맘에 작성법을 정리해봅니다. 도움이 되었으면 하네요 *사용방법* 1. 파일을 다운받아 컴퓨터에 압축을 풀어줍니다. 압춘 푼 후의 모습 티스토리에는 scripts와 styles 소스를 업로드합니다. 2. 티스토리 블로그 관리에 꾸미기로 들어가 스킨편집을 누른 후 html 편집으로 들어갑니다. 추가버튼으로 위의 scripts와 styles폴더의 파일의 전부 업로드한 후에 저장을 합니다. 3. 파일업로드 후 html 수정에서 사이에 아래의 소스와 ..