알씨타운

​ 안녕하세요 소프트랩스입니다~!! 오늘의 모바일웹 리뷰를 시작하겠습니다!!ㅎㅎㅎ 오늘 저희가 알아볼 사이트는 화해인데요~!! 눈에 잘 담기는 심플한 디자인과 예쁜 색감이 눈에 띄는 예쁜 사이트입니다~! 많이들 앱은 잘 아시는 데 웹은 잘 모르시더라구요 ㅋㅋ 같이 알아보시죠!! ​ ​ https://www.hwahae.co.kr/ 내가 찾는 모든 뷰티 | 화해 대한민국 1등 뷰티앱 화해. www.hwahae.co.kr ​ ​ ​ 일단 레이아웃은 굉장히 깔끔하고 볼 게 많다고 할까요? 재밌는 애니메이션 효과를 많이 넣었군요!! 그러면서 화장품 회사라는 느낌도 분명하게 전달하면서 컨셉을 확실히 잡은 것 같습니다. 일단 메인 화면부터 보시면 밝은 민트색 컬러에 아름다운 모델분들이 화장품 시연을 하는 동영상이 ..

​ 안녕하세요 :) 알씨타운입니다. 10년 전만 해도 유튜버라는 직업은 생소했는데 유튜브 크리에이터라는 직업은 이제 너무 유명하고 많은 초등학생이 꿈꾸는 직업 중의 하나가 되었습니다. ​ ​ 크리에이터 소속사 샌드박스의 웹 모바일 리뷰를 해보려고 합니다. ​ ​ ​ https://sandbox.co.kr/ 크리에이터들과 함께 세상을 즐겁게 만들어 나가는 MCN 업계 대표 디지털 엔터테인먼트 기업 sandbox.co.kr ​ ​ 메인페이지 pc 화면에서 볼 때, 스크롤 이벤트가 많은데, ​ 맨 처음 보이는 슬라이드 이미지가 스크롤 되어 가려지게 되면 이미지는 오른쪽으로 밀려들어가고, 타이틀 글자가 사라지는 효과를 주었습니다. ​ 오른쪽의 클릭 버튼은 자바스크립트로 동적인 요소를 더욱 풍부하게 표현할 수 있..

안녕하세요. 알씨타운입니다. 오늘의 리뷰 주제는 코드이그나이터입니다. 흔히 CI라고 불리고 있습니다. ​ 사람들은 코드이그나이터를 왜 사용할까요? ​ ​ 코드이그나이터의 장점으로는 ​ 1. 설치 공간이 작은 프레임워크 ​ 2. 뛰어난 성능 ​ 3. 커맨드 라인(command line)을 사용할 필요가 없는 프레임워크 ​ 4. 제한적인 코딩 규칙을 준수하지 않아도 되는 프레임워크 ​ 5. 프레임워크에 대한 명확하고 철저한 문서 (한국 사용자 포럼이 존재함) ​ 6. 간단한 인터페이스 / 논리적 구조 → 빠르게 프로젝트를 개발할 수 있음 ​ 7. 초보자가 시작하기 좋은 PHP 프레임워크 (타 프레임워크에 비해 쉽다) ​ 8. 소스 코드만 다운로드해서 서버 루트에 압출을 풀어주면 설치가 끝난다. ​ 9. Co..

안녕하세요. 알씨타운 입니다. 혹시 반려동물과 함께 생활하고 계시는가요? 맥스 본, 펫 소 시크, 밀크 앤 페퍼 3개 브랜드의 한국 공식 수입사인 꼬띠샵을 아시나요. 마스코트 꼬띠가 홍보하고 있는 애견 전문 몰입니다. 맥스 본은 비욘세, 기네스 펠트로 등의 할리우드 스타의 사랑을 받고 있고, 펫 소 시크의 경우는 명품 브랜드 출신 디자이너가 상품 제작에 참여했다고 해요. ​ 반려동물의 시각에서 바라본 좋은 디자인을 더 많은 반려인과 나누고 싶어 탄생하게 되었다고 합니다. ​ 귀여운 마스코트 꼬띠가 있는 꼬띠 숍 둘러볼까요? ​ ​ https://cotieshop.co.kr/ ​ 사용 폰트와 색상 사용 폰트는 3가지이며 주력 색상들은 블랙 흰색 회색 베이지 차분한 계열의 색상을 사용하였고 포인트 컬러로 밝..

안녕하세요:) 알씨타운입니다. 오늘의 기술리뷰는 Core Web Vitals입니다. 다들 한 번씩 사이트를 들어가면서 접속이 느린 페이지를 종종 보셨으리라 생각합니다. ​ ​ 처음 사이트를 제작하셨는데, 속도가 너무 느려 사이트를 최적화할 게 무엇인지 잘 모르신다면, ​ 이번 포스팅이 도움이 되었으면 좋겠습니다. 코어 웹 바이탈(Core Web Vitals)은 웹 콘텐츠 이용자의 사용 경험에 영향을 미치는 다양한 측정값을 이릅니다. 간단하게 말하자면, 웹 페이지에 접속, 이동, 클릭 같은 다양한 사용자의 행위를 측정한 값이라고 생각하시면 됩니다. ​ 구글에서는 특히 3가지 LCP / FID / CLS 를 중요하게 생각합니다. ​ LCP는 HTML 즉, 브라우저 화면에 전체가 렌더링 완료되는 시간을 말합니..

안녕하세요 :) 알씨타운입니다. 요즘에 k-culture라는 단어를 많이들 들어보셨으리라 생각합니다. kpop의 세계적인 대중성을 가지게 되면서 kpop 굿즈상품 md상품이 선풍적인 인기를 가지게 되었습니다. ​ 그래서 오늘 준비한 리뷰는 https://www.withmuu.com/ 꿈이 이루어지는 공간 WITHMUU www.withmuu.com ​ 사이트 컨셉 ​ ​ ​ ​ ​ ​ ​ 메인페이지 ​ 메인페이지를 보시면 세 가지의 버전의 화면을 볼 수가 있습니다. pc / 1280px / 768px 버전의 반응형 처리를 했습니다. 저희는 모바일 웹을 분석하기 앞서 pc와 모바일의 차이점을 짚어보고 가려고 합니다. ​ ​ pc버전에는 scroll 이벤트가 중요한 포인트 입니다. ​ 스크롤 되면서 1. 모바..

​ ​ ​ ​ 안녕하세요 :) 알씨타운입니다. 요즘에 날씨가 매우 무더워지고, 이른 장마가 시작되었습니다. 그 만큼 오프라인에서 구매하는 소비자보다 온라인에서 구매하는 소비자가 늘어나고 있습니다. 그래서 이번에 준비한 웹 리뷰는 '롯데 ON' 사이트 리뷰입니다. 쇼핑 웹 사이트 같은 경우 모바일 사용자가 많아 모바일 위주의 리뷰를 진행하겠습니다. ​ ​ https://www.lotteon.com/m/display/main/lotteon?mall_no=1 나에게 딱 맞는 상품을, 나에게 딱 맞는 가격으로! 쇼핑의 모든 것 LOTTE ON! www.lotteon.com ​ mobile web ​ ​ '롯데 ON'은 적응형 웹사이트로 되어있습니다. pc버전과 mobile 버전 각각의 기기크기에 따라 사용자 편..

안녕하세요 :) 알씨타운입니다. 오늘은 그래픽을 렌더링 하는 Javascript API Web GL에 대해서 리뷰해보겠습니다. ​ ​ Web GL은 화려한 애니메이션 동작을 보고 3D 툴이라고 생각하실 수 있지만, 좌표를 계산하고 그것을 렌더링 해서 움직이는 것처럼 보이게 만드는 Javascript 기반의 API입니다. (좌표 계산이니까 수학이 필요하겠죠?) ​ ​ ​ WebGL은 위와 같은 장점을 볼 수 있는데, 한마디로 정의하자면, 별도의 플러그인 없이 무료로 javascript로 구축할 수 있는 기술 이라고 생각하시면 될 것 같습니다. ​ ​ ​ ​ WebGL을 구현하기 위해서 위와 같은 기본적인 세팅이 필요합니다. HTML 에 canvas 태그를 삽입하고 script로 canvas 안에 WebGL..