본문 바로가기

반응형

전체 글

(161)
AYN LOKI 새로운 모델링 이미지 공개 디스코드를 통해서 오늘 오전에 공개된 모델링 이미지와 사이즈에 대한 내용이 올라왔다. 전체 LOKI시리즈 동일한 디자인이 적용된다고 한다. 1차 qa때 무게가 500g~600g정도가 예상된다고 했는데, 스크린 사이즈도 그대로고 오딘과 동일(사진에 기존 오딘과 비교사진이 있다)하고 조작부분만 좀더 커져서 그립갑은 좋아진듯 하다. 스팀덱도 실제 리뷰에 따르면, 조작부분이 넓어짐에 따라 파지형태가 좀 더 편안해서 좋았다는 평이 있다. 무게는 과연 실제 프로토타입이 나오고 리뷰어들 정보를 봐야 하지만, 그렇게 무거워질거 같진 않아 보인다. 스위치 OLED모델이 420g정도인데 요정도까지가 휴대의 마지노선이라고 개인적으로는 생각해서, 그렇게 되길 바랄 뿐. #스위치 외관 스펙 크기: 239mm x 102mm x ..
width(),height() 뭐라고 발음 하시나요? feat. 원어민 발음 사이트 실무 프로젝트를 뛴지 어언 20년을 앞두고, 우리나라 특성인지, 읽기쉬운대로 발음을 그대로 하는 경우가 굳어지고 그게 업계 표준이 된건지 프로젝트 하다보면 대부분의 디자이너, 개발, 퍼블 상관없이 네이티브나 민감하신분들을 제외하곤 대부분 width = 위드 height = 헤이트 라는 경우가 많을거다 어려운 영어단어도 아니고 초중고에도 나올만한 단어이지만, 유독 저렇게 발음하는 사람이 많다. width = 윗(쓰) https://ko.forvo.com/word/width/#en height = 하잇(ㅌ) https://ko.forvo.com/word/height/#en 가서 원어민 발음 한번 들어보시고, "원어민도 아니고, 우리끼리 다 이해되지 않냐" 라고 한다면 너도 헤이트 나도 헤이트, I Hate ..
URL-encoder for SVG, svg코드 css 코드 변환 예전엔 IR이다 해서 이미지 스프라이트기법으로 노가도 많이 했는데, 요새는 디자인파일 자체, 특별한 해상도의 이미지가 아닌한, 대부분의 아이콘등의 형태는 ir대신 svg로 대체해서 작업하고있다. 피그마나 스케치를 대부분 사용하다보니 copy as svg로 변환해서 해당 코드를 [Insert SVG]에 넣고 [Ready for CSS]에서 복사해서 본인의 css에 집어넣으면 끝이다. 가끔 복잡하게 레이어가 많거나 해서 깨질땐 해당 패스마다 확인해서 색상 깨진부분 수정하면 되는데, 그냥 그럴땐 png로 작업하자. https://yoksel.github.io/url-encoder/
롤링 달력 피커(css snap-scroll, IntersectionObserver) 몇년전에 프로젝트에서 사용할 용으로 만들어뒀다. 당연히 pc에선 필요없을거고, 모바일용으로 접근성 테스트 까지 끝냈으니 비슷한류에 컴포넌트에 적용할수 있을듯. css: snap-scroll을 사용해도 되는 환경이라, 적용해보면서 IntersectionObserver로 영역잡아서 만들어놨다. 예전거라 다시 소스를 손볼일은 없지만. 가져다가 더 좋게 활용하시면 될듯하다. css:snap-scroll로 snap 적용, IntersectionObserver로 화면 노출영역 잡아서 클래스 제어 접근성 적용(터치영역 radio로 변경, aria-labelledby 속성 추가) data-init 속성으로 초기값 설정 See the Pen rolling date/year by banisle (@banisle) on C..
VS(visual studio) Code : Plug In 플러그인 사용중인거, 추천(웹퍼블리셔, VUE frontend) 십수년에 걸쳐 노트패드부터 에딧플러스, 아크로 에딧, 아톰, 서브라임 텍스트에서 이제는 vscode가 정말 많이 대세가 된듯하고, 기존의 수많은 플러그인도 호환이 되고, 개발환경이 쉬운 탓에 이제 별거없는 한 이대로 가겠다 싶어서, 정리 겸, 내가 찾고자 한 필요한듯 하면서 노가다를 줄여줄수 있는 몇개를 추천한다. 기존에 vs code 플러그인해서 나오는 일반적인 lint 계열등이나 다른데서도 많이 추천하는건 생략하거나 이름만 남기고, 개인적으로 추천하고 사용중인것 들만 설명을 하기로 한다. 본인 에디터 환경상 install된 순서대로 abc순으로 소개함 #A Active File In StatusBar 현재 파일의 경로를 보여준다 Auto Close Tag 자동으로 현재 태그를 닫아주거나, 태그 앞부분..
AYN LOKI : Loki_QA_20221125, 로키 2차 QA내용 스팀덱을 사려고 기다리다, 오딘을 만든 ayn사에서 umpc가 나온다는 기사를 보고 혹해서 주문한 지, 벌써 6개월이 된듯하다. 주문번호 6XXX 대이니 나보다 먼저 기다리시는 분들, 포기하시는 분들도 많으신대, 매일 가는 스팀덱 갤러리는 직구 갤러리가 되어버렸고, 정발 된다던 스팀덱도 예약한 지 5개월이 돼가나 아무 소식도 없고, 매니악한 umpc시장에서 더 매니악한 ayn사의 loki라 정보를 구할길도 없어 매일 loki handheld reddit과 discord를 조회하다가 1차 qa때 11월 중으로 변경된 프로토타입이 나오기로 했는데, 그 소식도 없고 이번 주 월요일 qa하기로 한 것도 늦어지고 결국 어제 내용이 나와서 여기에 공유한다. 구글보다 파파고번역이 좀 더 자연스러워서 파파고 번역으로 ..
올웨이즈, 올팜 홍보인듯 공략이 필요없겠지만 공략을 가장한 글(댓글로 올팜친구 링크 걸어주세요) 소개로 깔게 된 쇼핑몰 앱이다. 주로 생활용품(특히 식품) 위주의 무료배송 컨셉인데, 특징으로 올팜이라는 농장키우기 게임을 포함해, 식물을 키우고 가 키우면 집으로 무료배송해주는 시스템이다. 예전에 비슷한 류의 게임을 본듯한데, 이건 메인이 쇼핑인게 차이점이다. 천천히 느긋하게 물주고 키우다보면 한달이면 과일 한박스씩은 얻는 구조이나, 사람 심리상 비료나 물을 더 얻기 위해 제품을 구매 유도하는 방식인데, 의외로 조금씩 싼 제품들을 구매하게 되니 bm모델이 훌륭해보인다. 오늘 귤한박스 무료배송이 되어 후기 겸 공략을 올린다. 일반적인 소셜 게임스럽게 친구추가를 통한 비료나 물등을 더욱 얻을수 있는 구조인데, 오로지 카톡으로만 초대가 가능해서, 이 글에 친구초대 코드를 못넣는게 아쉬울뿐. #2023.01...
#css - \n 줄바꿈 방법 db에서 데이터를 받아올때, 줄바꿈된 데이터를 받아오거나, 가공해서 \n -> 태그로 처리하거나 한뒤에 다시 html로 집어넣는데, \n 상태의 데이터를 string형식으로 뿌려야될때 해당 dom에 white-space: pre-line; 을 넣어주면 간단하게 해결이 된다. white-space: pre-line;

반응형