ㅇㅅㅇ

! 티스토리 블로그가 아직 익숙하지 않은 블로거라 여러모로 어색할 수 있습니다ㅜㅅ ! 이유없는 비난외의 잘못된 부분에 대한 조언이나 후기 등의 덧글은 환영합니다.ㅎ 업무에 실제로 사용한 소스다. 업로드한 사진에서 얼굴만 잘라 쓸 수 있도록 하는 플러그인이 필요해 찾아보게 되었다. 사진업로드 -> 업로드한 사진에 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년 내외였습니다.애매한 경력 덕분에(??) 면접을 생각보다 많이 보는 중인데 혹시나 싶어 면접 질문을 생각나는대로 정리해 봤습니다.후의 내가 다른 회사에서 면접을 볼 때, 혹은 면접 질문이 궁금하신 분들께 도움이 되길....(2025~ 열심히 구직중이라 추가된 것들이 있습니다ㅎㅎ)* 일반- 자기소개- 나의 장점과 단점- 친구 혹은 직장 동료들이 나의 성격에 대해 어떻게 평가하는가?- 우리 회사를 어떻게 알게되었고 지원한 동기- 직전회사 퇴사사유- (이전전공이 완전히 달랐기에) 전공을 바꾼 이유는 무엇이고, 전공을 바꾼 후의 지금에 만족하는가?- (퇴사하고 구직까지 공백기간이 길 경우) 쉬는동안 어떻게 지냈는가?- x년 후에 나는 어떤 사람이 되어 있다고 생각하는가? 어떤 사람이 ..

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