캐나다 에티켓 지키며 여행하기

참고 캐나다 식사예절 에티켓 여행 - 단풍이 아름다운 나라 '캐나다' 식사예절 1. 야외에서 술 금지 술 규제가 엄격하다고 합니다. 허가된 식당에서만 술을 마실 수 있고, 주변 마켓에서 술을 구입하는 것 또한 쉽지 않다고 하네요. 술을 마실 예정이라면 미리 술 구입이 가능한 곳(리큐어 스토어, Liquor Store와 같은 주류 판매 상점 또는 대형마트)을 알아보고 구매해두어야겠습니다. 또한, Liquor Store에서 술을 구매할 때는 앞에 BC가 붙은 정부에서 운영하는 상점에서 구매하는게 가장 저렴합니다. BC 가 붙지 않은 곳에서는 가격을 상점 마음대로 붙이기 때문에 좀 더 비쌀 수가 있습니다. 그리고, 밴쿠버 해안가 같은데 가서 어둑어둑해지면 현지인들까지 모두 맥주 등 술을 즐기는 모습을 볼 수 ..

여행,취미/23년 캐나다, 미국 샌프란 2023. 8. 25. 23:58

블로그 검색 상위 노출을 위한 10가지 SEO 콘텐츠 작성 규칙

목차 트래픽을 늘리는 것(내 블로그에 사용자 접속이 많아, 내 블로그에 사용되는 데이터의 양이 많아지는 것)은 곧 애드센스 수익 증가를 의미합니다. 그리고 이 트래픽을 늘리기 위해서는 네이버, 다음, 구글 등의 포털 사이트에서 본인의 블로그가 잘 노출되어야 하겠죠. 그리고 포털 사이트에 잘 노출되기 위해서는 각 포털에서 평가하는 본인의 블로그 점수(순위)가 높아야 합니다. 그렇다면 포털에서는 점수를 어떻게 매길까요? 정확히 어떤 알고리즘이 동작하는지는 모르지만, 내 포스팅에 머무는 시간이나 블로그 자체에 머무는 시간, 양질의 컨텐츠 제공 여부 등으로 유추해볼 수는 있습니다. 구글에서는 170개 이상의 순위 요소를 가지고 있다고도 하네요. 이를 위해서 가장 기본적으로는 SEO 규칙을 잘 지켜 포스팅을 작성..

티스토리 블로그 관리 2023. 8. 24. 22:56

[Swiper.js 에러] 하나 스와이프시 다른 스와이퍼도 움직일 때

문제. swiper/react 사용시 다른 스와이퍼까지 함께 움직이거나 버벅이는 현상 발생 실무에서 페이지 하나에 많은 스와이퍼 컴포넌트를 사용하는 사례가 있었다. 이 때, 신기하게도 핸드폰 웹뷰등으로 잘못 드래그(스와이핑)하면, 스와이퍼 아이템이 애매하게 스와이프되어 멈추거나, 화면 내의 다른 swiper 까지 함께 움직이거나 버벅이는 현상이 발생했다. 문제 발생 정보 swiper : 9.0.5 버전 react: 17.0.2 버전 해결. swiper.js 내의 overflow:hidden을 제거 하고, 부모 HTML 태그에 overflow:hidden 적용 사용하고 있는 UI 스타일과 뭔가 겹치는 문제가 발생했던 것일까? swiper.js 에 적용되어 있는 overflow:hidden을 unset 하고..

개발/React, React Native 2023. 8. 24. 21:25

첫 차(신차) 구매 결정 또는 출고 후 고민하게 되는 것들

오랜 고민 끝에 저도 30대에 들어서서 첫 차를 구매하게 되었습니다. 첫차인만큼 관리는 어떻게 해야하는지, 이러한 것들은 필요한지 궁금한것도 참 많았는데요. 어떤 차를 구매하고 어떤 옵션을 넣어야할지 결정한 후, 첫 차 출고일만 기다리며 고민해봄직한 내용들을 정리해 보았습니다. 제가 개인적으로 내린 결론일 수 있으니, 참고만 하시고 의견이 있다면 댓글 부탁드립니다. 하부 언더코팅, 꼭 할 필요 없다 차량 하부의 부식 방지, 부수적으로 방진, 방음효과를 얻기 위하여 차량 하부에 코팅제를 바르는 작업입니다. 제 생각에는 '안한다' 입니다. 언더코팅을 하는 목적은 이룰 수 있겠지만 다음의 리스크들이 있기 때문입니다. 부식이 실제 많이 발생하는 부위에는 코팅하기가 힘들다. 제대로 하려면 코팅되지 않아야 하는 부..

Tip! 2023. 8. 23. 07:00

개발자용 사무용 마우스 MX Master 3S 리뷰 및 버튼 커스텀

MX Master 3S 는 버티컬 마우스로 손목증후군이 있는 분들이나 다양한 커스텀 버튼으로 업무 효율을 높이기 위해 개발자나 엑셀 다루는 사무 업무를 보는 직장인 분들이 많이들 구매하는 마우스입니다. 이번 포스팅에서 커스텀 버튼 세팅 방법 및 사용 리뷰를 해보려고 합니다. 목차 1. MX Master 3S 색상 및 맥버전 선택 최근에 오른쪽 손목이 슬슬 저리기 시작했습니다. 항상 건강하다고 자부했지만 최근에는 몸이 하나둘씩 망가지는걸 느끼고 있는 하루입니다. 건강을 위해 여러 조치를 취했고, 그 중 하나가 버티컬 마우스 구매였습니다. 여러 후보 제품들 중에 가장 인기 있는 제품 중 하나인 MX 마스터 3S를 선택하였고, 몇 가지 옵션 중 다음을 선택했습니다. A. 색상은 블랙 MX Master 3S 제..

리뷰,소식/IT,기계,가전 2023. 8. 21. 07:00

지난 포스팅 스타일 정리하기

앞으로는 티스토리 스킨 변경에 있어 신중해야겠습니다. 스킨 변경할 때 포스팅 내용까지 스타일이 변경되어 난감해질 수 도 있거든요. 저는 원래 해당 티스토리 블로그를 학습한 내용 정리용으로 개설했었습니다. 누군가에게 보여주기보단 본인 스스로 정리하고 참고하는 용이었죠. 이왕 정리하는거 누구한테도 혹시 도움이 될까하여 글을 공개로 설정해두니, 방문자가 하나둘씩 쌓이게 되었습니다. 그러다 현재는 미래에 대한 고민으로 해당 블로그를 수익형으로 전환하고자 노력중인 과정인데요. 스킨 꾸미기, 신규글 작성, 수익 전환 등에 신경쓰다 문득 방문 통계의 인기글 목록을 보게 됩니다. 거의 거의 5~8년간 방치한 블로그임에도 총 방문자 수가 25만명에 이를 수 있도록 해준 고마운 글들이죠. 인기글 목록을 하나씩 들어가 보았..

티스토리 블로그 관리 2023. 8. 21. 04:24

직장인 4분할 헬스 루틴 만들기

목차 요새 술과 게으름, 주전부리가 내 취미 생활이 되면서, 몸무게 인생 최대치를 갱신했다. 1년만에 21kg(;;;)이 찐 내가 믿기지 않지만, 매일 나의 똥배와 얼굴 투턱을 확인할 때마다 실감하게 된다. 더 이상은 내 스스로가 참아줄 수 없는 지경! 심지어 살만 찐 것도 아니라 어좁이가 되고 거북목까지 심해진 것 같은 느낌. 이제 다시 식단 및 헬스로 몸관리를 해보려고 한다. 몸짱이 된다거나 다시 멸치로 돌아가는건 기대하지 않는다. 캐나다 가기 전까지 7주간, 골격근량 2kg 증가, 체중 5키로 감소를 목표로 하려 한다. 현재 스펙 몸무게 72kg 체지방 16% 골격근량 32kg 목표 스펙 몸무게 67kg 체지방 ?? 골격근량 34~35kg 운동을 잘 모르기 때문에 가능한 목표인지, 체지방은 얼마나 ..

Vamos, My Life/일상, 일기 2023. 8. 15. 17:57

네이버 서치어드바이저 <H1> 요소가 2개 이상 발견 해결하기

목차 네이버 서치어드바이저의 "H1 요소가 2개 이상 발견" 항목 네이버 웹마스터 도구인 네이버 서치 어드바이저에 티스토리 블로그를 사이트 등록하고 나면, 다음과 같이 리포트 > 사이트 진단 > 유형별 진단 정보에 요소가 2개 이상 발견 이라는 진단 정보가 뜨는 분들이 계실 겁니다. H1 요소가 2개 이상 발견됨으로써, SEO에 영향을 끼칠수 있다고 해석하면 되는데요. 네이버 SEO 기본 가이드에도 잘 나와 있네요. 자 그럼, H1 문제를 티스토리에서 어떻게 해결할 수 있을까요? 원인 : 본인이 사용하는 티스토리 스킨의 타이틀 영역이 H1 인 경우 티스토리 스킨 중에 타이틀(블로그 이름)이 H1 으로 되어 있는 스킨들이 많습니다. 기본으로 티스토리에서 제공하는 스킨들도 마찬가지입니다. 이 경우에는 HTM..

티스토리 블로그 관리 2023. 8. 15. 07:00

캐나다 여행 비자 eTA(전자여행허가) 발급 신청 방법

캐나다 입국은 특이합니다. 캐나다 6개월 이하의 방문은 비자없이 무비자 프로그램으로 입국 가능하지만, 캐나다의 eTA(전자여행허가, Electronic Travel Authorization)를 신청해야만 정상적으로 입국이 가능합니다. 결국에는 단순 관광이라도 추가적인 승인 절차가 필요하다고 보면 됩니다. 물론 6개월 이상의 장기 체류에는 목적에 맞는 비자발급이 필수입니다. 목차 사전 준비 eTA 신청 전에 다음의 항목을 미리 준비합니다. 유효한 대한민국 여권 해외결제 가능한 신용카드 이메일 신청하기 1. eTA 신청 사이트 접속 eTA 신청 사이트에 접속합니다. 한글로 잘 되어 있네요. https://www.canada.ca/en/immigration-refugees-citizenship/services..

여행,취미/23년 캐나다, 미국 샌프란 2023. 8. 14. 07:00

랜덤 못참는 키덜트의 짱구 정글짐 피규어 한박스 24개 까기! 몇세트?

짱구는 못말려 정글짐 피규어는 랜덤으로 9가지 짱구 캐릭터 중에 랜덤으로 나옵니다. 하지만 30대 직장인인 제가, 어느세월에 하나씩 편의점에서 왔다갔다 구매해가며 어느 세월에 정글짐을 완성할 수 있을까요? 굉장한 시간낭비, 돈 낭비가 아닐 수 없습니다. 짠! 그래서 바로 짱구는 못말려 정글짐 피규어 한박스를 무려 6만원대의 금액으로 구매해버렸죠. 시간도 아끼고, 오히려 돈도 아끼는 걸수도 있다고 자기최면 걸면서요ㅎㅎ 과연 한박스 24개를 까면 몇세트가 나올까, 궁금하시죠? 지금 보여드리겠습니다. 24개의 랜덤알에서 서로 다른 9개, 짱구-철수-유리-흰둥이-맹구-수지-흑곰-훈이-히든 한세트가 몇 개 나올까요? 제 목표는 2세트입니다. 한세트는 집에 인테리어하고, 남은 한세트는 당근마켓으로 팔고! 나머지 짜..

여행,취미 2023. 8. 9. 06:30

술이 술술 들어가는, 역삼 마시리 벌교참꼬막

목차 역삼에서 한잔할 곳 찾기! 해외에서 일하는 친구가 한국로 출장을 왔네요. 머무는 숙소가 신라스테이 역삼이더라구요. 머무는 호텔이 우리 회사 옆이라니! 잠깐, 이건 저녁약소가 아니라 한 잔해도 되겠는데? 싶었습니다. 그래서 회사 사람들에게 술집 추천을 받았는데 그 곳이 바로 이번 포스팅의 주인공 "마시리 벌교참꼬막" 입니다. 마시리 벌교참꼬막 위치 및 외관 위치는 신라스테이 역삼 근처입니다. 역삼역이나 선릉역에서 꽤 멀어서, 지역주민들 또는 근처 회사 사람들이 많이 방문하는 것 같았어요. 위치에 도착하면, 이러한 외관이 보이는데요. 가게가 꽤 크기 때문에 쉽게 눈에 띄였습니다. 평일인데도 꽤 사람이 많은 모습을 보며, 맛집이구나 느낌이 오며 가슴 설레였습니다. 병어회랑 맛조개탕 주문! 메뉴가 굉장히 ..

리뷰,소식/맛집 2023. 8. 8. 07:00

[포더홈 라이브 듀얼모터 높이조절 책상] 재택 근무 모션데스크 추천

모션데스크하면 루나랩, 데스커 등 좋은 제품이 많이 있습니다. 보통 상판 사이즈 기준, 업무에 가장 최적화된 1400mm ~ 1600mm 기준 제품 가격들을 보면 63만원, 51만원 등 브랜드 제품들을 보면 상당히 고가입니다. 그러나 리뷰를 보면 흔들림 때문에 비싼걸 사야한다, 듀얼모터를 꼭 써야한다 얘기가 많습니다. 자금에서 자유롭다면 어떤 제품이든 검증된 제품을 사는게 최고라고 생각합니다. 그러나 저에게는 너무 과한 가격이라 느껴졌고, 결국 선택한 제품이 포더홈 라이브 듀얼모터 높이조절 책상인데요. 제가 구매한 포더홈 라이브 듀얼모터 높이조절 모션데스크에 대해 흔들림은 어떤지, 굳이 유명 브랜드 제품이 아니어도 충분한지 만족감은 어떤지 느낀대로 공유해보려고 합니다. 목차 1. 포더홈 라이브 듀얼모터 ..

리뷰,소식/IT,기계,가전 2023. 8. 6. 18:59

[친효스킨] 티스토리 친효스킨 사용후기 (단점 리뷰 및 해결방법)

가지고 있는 블로그 중 티스토리 블로그를 다시 시작하기로 결정하고, 기존 사용하던 스킨 대신 괜찮아보였던 게 친효스킨이었다. 친효스킨을 선택하고 적용 후 어느정도 만족하며 사용하고 있지만, 처음 적용시 몇 가지 어려움이 있었다. 아이폰 등 브라우저를 사파리로 이용하는 경우에 화면이 깨지거나 정보가 제대로 노출되지 않는다. 일일히 해결하려다보니 나 같이 적용에 어려움을 겪었거나, 친효스킨을 선택하는데 도움이 되고자 이 포스팅을 작성하게 되었다. 친효스킨 적용을 고려하시는 분들이라면 이 포스팅을 참조하기 바란다. (친효스킨 v2.6.3 버전이며, 버전 업데이트 후 해당 문제들이 해결된다면 해당 포스팅은 삭제할 예정입니다.) 목차 친효스킨 소개 친효스킨은 티스토리 파워블로거 친절한효자손(https://rgy0..

티스토리 블로그 관리 2023. 8. 5. 15:31

[장송육통령 육통장] 다양한 요리 모두 맛있는 인천 미추홀구 제일시장 맛집!

7월 말, 세계여행을 결심한 친구가 곧 떠나게 되어 송별회를 하게 되었습니다. 이 때 방문한 장송육통령 육통장이 너무 맛있어서 꼭 추천하고 싶어 리뷰를 작성합니다. 인천 미추홀구 주안역 또는 시민회관역 근처의 조용한 가게에서 회식 등 모임을 갖고 싶거나, 한 장소에서 다양한 요리와 음식을 경험할 수 있으며 모두 평타 이상인 곳을 찾는다면 장송육통장을 고려해보세요! 리뷰를 보고 나면 제가 추천하는 이유를 알게 되실 겁니다. 목차 인천 미추홀구 제일시장 안에 위치한 작은 술집 장송육통령 육통장의 위치는 인천 미추홀구의 제일시장 안쪽에 위치해 있습니다. 너무 번화한 주안역 근처나, 유흥가가 모여있는 시민공원역 근처 말고 조용한 장소를 찾는다면 제일시장도 괜찮죠! 에어컨도 빵빵하게 틀어줍니다. 먹부림 현장1. ..

리뷰,소식/맛집 2023. 8. 5. 13:40

동생이 사준 휴그랩 손마사지기 사용후기

목차 최근 오른쪽 손목이 좋지 않아서 로지텍 MX Master 3S라는 마우스 구매를 고려하고 있습니다. 이때 마침 네네치킨 용현점을 운영하는 친동생이 휴그랩 손마사지기(RIG002)를 선물로 줬네요. 최근 크게 교통사고가 난 뒤로 손목이 좋지 않은데, 이 상태로 치킨을 튀기니 무리가 가나 봅니다. 형으로써는 손마시지기 사용보다 우선 병원에 가고 조금 쉬었으면 하는 마음이긴 한데요. 이왕 산 휴그랩 손마시지는 효과가 있을지 리뷰해보겠습니다. 외관 및 구성품 휴그랩 손마사지기 외관은 깔끔하고 묵집합니다. 깔끔한 디자인으로 집 안 어디에 두어도 잘 어울리는 모습이며, 묵직한 외관은 마치 내 손과 손목을 강력하게 마사지해줄 수 있을것만 같은 느낌을 주는 것 같네요. 구성품은 네가지로 심플합니다. 제품기기 US..

리뷰,소식/IT,기계,가전 2023. 7. 31. 07:00

캐나다 옐로나이프 오로라 투어 일정 계획

목차 어쩌다 캐나다 오로라 여행을 계획하게 됐을까. 여행 계획 정리해보면서 생각해보려고 했는데 잘 기억이 나지 않는다. 이놈의 기억력. 내가 자꾸 메모하거나 플래너를 쓰고, 블로그를 작성하려고 노력하는 이유다(노력만). 예전부터 방송이나 책을 통해서 막연하게 오로라를 보고 싶다는 꿈이 있었다. 이 블로그에는 2016년 일본 오사카 여행을 기록해 둔 포스팅이 있는데, 이 때에도 오로라를 보고 싶다고 기록해뒀더라 ㅎㅎ. 내 기억엔 아마 군생활을 했던 2010년도부터 오로라를 보고싶다는 생각을 가지고 있었던 것 같다. 이번에 급하게 친구와 오로라 여행을 계획하게 되었는데, 직장인이긴 하지만 추석을 잘 이용하면 꽤 오래 쉴 수 있어서 이번이 절호의 기회라고 생각한다. 30대가 넘은 지금, 점점 친구들과 해외여행..

여행,취미/23년 캐나다, 미국 샌프란 2023. 7. 22. 17:09

강화도 끝자락 멋진 바다 뷰를 가진, 카페 섬 (B&B) 방문 후기

목차 안녕하세요, 6월의 끝자락에 다녀온 강화도 포스팅입니다. 대학교 선후배들과 떠난 강화도 1박2일 여행에서, 숙소에 도착한 저희는 뜨거운 여름햇살에 커피 생각이 간절했는데요. 아이스아메리카노를 사오기 위해 떠난 저 포함 커피원정대는 숙소 바로 앞의 카페섬 BnB를 발견했습니다! 자주 오기 힘든 지역에 방문한만큼, 특별한 카페를 찾고 있던 저희는 5분만에 한 카페를 발견했는데.. 그곳이 바로 카페 BnB! 이곳은 숙소 겸 카페라고 하는데, 저희는 카페만 방문하였기에 카페 후기를 작성해보려고 합니다. 시원한 바다뷰를 가진, 카페 섬 B&B 외부전경 카페 섬 외부를 보면 아기자기 합니다. 작아보이지만 외부 테이블도 있기 때문에 생각보다 규모가 있는 카페섬 인데요. 바로 바다 옆에 위치하고 있어 시원한 뷰를..

리뷰,소식/맛집 2023. 7. 22. 15:24

개발자의 재택근무 홈오피스 꾸미기

목차 6월 말 이사하면서 이번엔 나름대로 홈오피스 인테리어를 해보려고 했다. 핑계겠지만, 저번의 전세집은 신축에 깨끗한 환경이었으나 집에서 업무,공부 등을 할 때 불편한 요소가 많았다. 1. 재택근무 홈오피스 인테리어 목표 이번에 이사오면서 목표로 삼았던 건 다음 네가지 정도다. 독서,학습공간과 컴퓨터작업공간 분리 모션데스크를 통한 손목 및 팔꿈치 각도, 무릎 각도 조절(스탠딩 기능은 개인적으로 잘 안 쓸 것 같다) 책상 상판의 깊이가 충분한 책상(32인치 모니터를 쓰니, 너무 가까우면 보기 힘들다) 모니터를 영상보는 용도로(LG 32UN880 모델로, 상하좌우전후 회전을 활용하고 싶다) 2. 전체배치 - 작업공간의 분리 독서,학습공간으로 사용할 책상은 기존 책상을 활용하고, 모니터가 있는 책상은 모션데..

Vamos, My Life/일상, 일기 2023. 7. 12. 06:00

티스토리 블로그 네이버 검색 등록, 네이버 서치어드바이저(SearchAdvisor)

목차 유입통계를 보면, 네이버를 통한 유입이 적습니다. 네이버 검색 등록을 진행하면서, 이 과정을 포스팅해보려고 합니다. 일일히 포스팅마다 네이버에 등록하거나 제외하는 방법도 있지만, 본업이라면 모를까 바쁜 현대인들에게 여간 귀찮은 일이 아니겠지요? RSS 리더를 활용하면 좀 더 쉽게 네이버에 노출이 가능합니다. 1. 네이버 서치 어드바이저(Search Advisor)에 사이트 등록하기 사이트 등록에 앞서, https://searchadvisor.naver.com/start 에 접속하여 스크롤을 내리면, 하단에 '자주 찾는 도움말' 섹션이 있습니다. 블로그를 이제 막 시작하는 분들이라면 해당 섹션의 '사이트 등록 및 소유확인' / '검색노출 제목 및 설명문 수정' / '검색엔진 최적화의 목적' 도움말을 ..

티스토리 블로그 관리 2023. 7. 8. 12:24

쓰레드(Threads) 리뷰 - 트위터,인스타그램의 하위호환?

안녕하세요, 여러분! 오늘은 메타에서 새롭게 출시한 스레드(Threads)에 대해 리뷰해보려고 합니다. 사용해보기 원래는 PC의 웹브라우저로 사용해보려고 했으나 현재는 모바일 앱으로만 이용가능하네요. 모바일 앱으로 설치하지 않으려한 이유는 이전에 트위터(twitter)도 거의 사용하지 않았기에, 비슷한 용도의 서비스인 스레드 또한 지속적으로 사용하진 않을 것 같아서입니다. 설치 후 첫 화면입니다. 로그인 또는 회원가입을 진행하게 될텐데요. 저 같은 경우 인스타그램에 로그인되어 있기 때문에, 하단에 위치한 ‘인스타그램으로 로그인’ 버튼 터치 한번으로 회원가입 없이 쉽게 로그인할 수 있었습니다. 인스타 친구들의 팔로우 요청이 와 있네요. 제 주변엔 역시 얼리어답터들이 꽤 많군요. 일일히 버튼을 눌러가며 팔로..

리뷰,소식/IT,기계,가전 2023. 7. 8. 01:28

[책 서평] 소프트웨어장인

이 책을 언제 구매했나 봤더니 2016년 8월입니다. 물론 읽은 기억은 없습니다. 그 때 이 책을 읽었더라면, 저는 지금쯤 더 나은 개발자가 되어 있었을까요? 최근에 회사 세미나를 듣던 도중, 강의자가 이 책을 추천하였습니다. 혹시 내가 가지고 있나 찾아봤더니 이북 구매 목록에 있어 읽게 되었습니다. 저자 소개 책의 저자는 산드로 만쿠소 라는 브라질 시골 출신의 개발자입니다. 소프트웨어 장인 정신에 대하여 보통의 개발자로서 겪어온 경험을 바탕으로 풀어내며 재미있게 설명합니다. 그렇기 때문에 저희가 겪는 문제가 오버랩되며, 역자 말대로 너무 공감 되어 밑줄 긋고 싶은 대목을 숱하게 발견하게 될 수도 있습니다. 목차 및 인상 깊은 구절 분량은 300여 페이지로, 순서 없이 관심 있는 주제만 보아도 좋을 것 ..

리뷰,소식/독서 2022. 2. 5. 09:19

[독서기록] 알아두면 쓸모 있는 IT 상식

회사에서 책을 구매할 수 있어서, 무엇을 구매할까 고민하다가 선택하게 된 책이 '알아두면 쓸모 있는 IT 상식'이다. IT 업계에서 일하고 있는 나는 해당 책에서 얼만큼 알까? 모르는 부분은 뭘까? 궁금했다. 이 책은 IT 이슈에 대해서 크게 [ 사회 이슈성/ 기업 조직 / IT 산업 / 미래 ] 네 가지로 분류하여 전반적인 IT 상식에 대해 알려준다. IT를 잘 모르는 사람 입장에서 읽는다고 생각했을 때, 용어나 내용 설명이 쉬웠지만, 일부분 지루하기도 했다. 이 책에서 가장 공감가거나 인상 깊었던 것은 두 가지 내용이다. 소프트웨어 개발 역량 강화는 스타 개발자의 영입만으로 성공할 수 없다. 삼성전자에서 삼성 내 개발자들의 역량에 대해 사내 방송을 때렸던 적이 있다. 내용인즉슨, 책의 표현을 빌려 '..

리뷰,소식/독서 2021. 3. 15. 17:17

Nuxt 베이스 프로젝트(5) - 환경변수로 개발/배포 환경 분리하기

vue에서는 보통 axios 를 이용해 api를 호출합니다. 이번 포스팅에서는 nuxt 프로젝트에 axios를 repository 패턴으로 적용해보기 전에, 환경변수를 통해 환경에 따라 api 요청 URL을 분리하는 등의 작업을 해보겠습니다. step1. 환경변수 개발계/운영계 분리하기 실제 프로젝트를 진행하다 보면 개발계/운영계를 분리하거나, 써드파티 서비스에서 api를 호출하는 등 다양한 환경에 부딪힐 수 있습니다. 이를 위해 먼저 환경변수를 개발계/ 운영계로 분리해보겠습니다. 기존에 존재하는 .env 파일은 다음과 같이 수정해줍니다. BASE_URL=http://localhost:3000 SAMPLE_URL=https://daum.net 새로 만드는 .env.development 파일은 다음과 같이..

개발/Nuxt 2020. 5. 4. 18:34

Nuxt 베이스 프로젝트(4) - Buefy 활용해 UI 개발하기

기존 포스팅에서 buefy 로 nuxt 프로젝트를 생성 nuxt-property-decorator 모듈 설치 하였습니다. 이를 활용해서 아래와 같이 UI 컴포넌트들을 만들어 보려고 합니다. 여러 개의 layout 만들기 여러 개의 page 만들기 URL : /user/login 레이아웃 : full.vue 사용 css : buefy, tailwind css URL : /admin/menu1~3 레이아웃: admin.vue 사용 css : buefy 전체 소스 코드는 여기 에서 확인하세요 CSS 정의 하기 수정하거나 추가해야하는 css 파일 구조는 다음과 같습니다. 메인 칼라 및 블랙 칼라 지정하기 먼저 buefy-custom.scss 파일에서 메인 컬러 하나와 사용할 black 칼라를 지정합니다. //a..

개발/Nuxt 2020. 5. 4. 15:49

Nuxt 베이스 프로젝트(3) - VS Code 세팅 및 Typescript 관련 추가 적용

개요 Nuxt project 를 생성할 때, 사용 언어로는 TypeScript를, lint tool로는 ESLint 와 Prettier 를 선택했습니다. 이를 더 잘 활용하기 위해, 또는 제대로 적용하여 사용할 수 있도록 다음 목록을 프로젝트에 적용하려 합니다. VS Code 플러그인 설치 eslint, prettier 자동 적용을 위한 vs code setting 타입스크립트 활용을 높이기 위한 npm 모듈 설치 vuex-module-decorators nuxt-property-decorator eslint,prettier, vetur 코딩 규칙에 설치한 npm 모듈의 사용 방식이 위배되지 않도록 vs code setting 1. VS Code 플러그인 설치 선택으로 표시한 플러그인은, 단지 추천하는 ..

개발/Nuxt 2020. 4. 29. 11:02

Nuxt 베이스 프로젝트(2) - Buefy 커스텀 및 tailwind css 적용

웹사이트의 UI 작성을 위하여 Buefy 와 tailwind css 를 적용하려 합니다. Buefy 나 tailwind css 중 하나를 적용하지 않고 두 개를 적용하는 이유는 다음의 스텝으로 UI 개발을 진행하기 위함입니다. UI 컴포넌트는 기본적으로 Buefy의 컴포넌트 활용 전체 테마는 assets/scss/buefy/buefy-custom.scss에 buefy 변수 작성 1차 커스터마이징은 기본 제공되는 Buefy 컴포넌트의 property 활용 2차 커스터마이징은 tailwind.config.js에 정의한 tailwind css를 활용해 클래스로 작성 1. Buefy 커스텀하기 buefy 는 커스텀을 위한 가이드가 잘 되어 있습니다. 추후 디자이너의 요구사항을 잘 반영할 수 있도록, Buefy ..

개발/Nuxt 2020. 4. 29. 10:35

Nuxt 베이스 프로젝트(1) - Nuxt 프로젝트 생성

다음의 환경에서 진행하였습니다. 환경 버전 mac OS 10.14.6 node version 12.12.0 npm version 6.11.3 1. Nuxt Project 생성 nuxt-starter-kit 이라는 프로젝트명으로 nuxt 프로젝트를 생성합니다. 기타 초기 설정은 아래와 같습니다. $ npx create-nuxt-app nuxt-starter-kit ✨ Generating Nuxt.js project in nuxt-starter-kit ? Project name : nuxt-starter-kit ? Project description : ? Author name : Devist ? Choose programming language : TypeScript ? Choose the package ..

개발/Nuxt 2020. 4. 29. 10:21

Nuxt + TypeScript + Buefy + Tailwind Css + Cypress + StoryBook

- Nuxt 프로젝트 생성 - Buefy + Tailwind css 적용 - visual studio code 세팅, TypeScript 관련 모듈 설치 - UI 개발 - API 통신을 위한 Repository 패턴 적용 - 목업 서버 개발 - Cypress 테스트 - 개발계, 운영계 분리

개발/Nuxt 2020. 4. 29. 09:48

ESDoc 설치 및 사용방법 | ES6 자바스크립트 문서화하기

목차 esdoc은 JavaScript용 문서 제네레이터, 특히 es6에 특화된 documentation generator입니다. 비슷하게 JavaScript의 주석을 문서로 만들어주는 것으로, JSdoc 도 있습니다. 현재 진행하고 있는 프로젝트는 es6로 개발하고 있으므로, esdoc을 설치 및 사용하여 자바스크립트 파일을 주석으로 문서화해보려고 합니다. (JSDOC 설치 관련해서는 다음의 포스팅을 참고해주세요.) JSDoc 설치 및 사용방법 | JavaDoc과 비슷한 JSDoc으로 자바스크립트 문서화 목차 JavaScript에서 JAVADOC 처럼 문서를 뽑아주는 JSDOC 이라는 플러그인이 있습니다. 이에 대해 구체적인 사용방법이 정리되어 있는 블로그가 없는 것 같아 정리해 봅니다. ESDOC 설치..

개발/ES6, Typescript 2020. 4. 27. 14:57

JSDoc 설치 및 사용방법 | JavaDoc과 비슷한 JSDoc으로 자바스크립트 문서화

목차 JavaScript에서 JAVADOC 처럼 문서를 뽑아주는 JSDOC 이라는 플러그인이 있습니다. 이에 대해 구체적인 사용방법이 정리되어 있는 블로그가 없는 것 같아 정리해 봅니다. ESDOC 설치 관련해서는 다음의 포스팅을 참조해주세요. ESDoc 설치 및 사용방법 | ES6 자바스크립트 문서화하기 목차 esdoc은 JavaScript용 문서 제네레이터, 특히 es6에 특화된 documentation generator입니다. 비슷하게 JavaScript의 주석을 문서로 만들어주는 것으로, JSdoc 도 있습니다. 현재 진행하고 있는 프로젝트는 es6 pliss.tistory.com JSDOC 사용법이 정리되어 있는 사이트 JSDOC Github 사이트 JSDOC은 다양한 템플릿으로 문서를 만들 수..

개발/ES6, Typescript 2020. 4. 27. 14:44