밴쿠버에서 테니스치는 한량나부랭이

모서리 깨지는 맥북케이스 이제 그만, STM 맥북케이스 다크스모크

안녕하세요, 여러분 :D   저는 20살 이후로 계속 맥북만 써와서 맥북케이스뿐만 아니라 스킨스티커도 사용해본 경험이 있는데요. 비싼 케이스를 써도 매번 엣지가 깨지고 스티커는 붙이기도 힘들고 밀리고늘 노트북을 모시고? 살았습니다. ㅎㅎ  하지만!!!!, 이번에 정말 깨질 염려 없는 그런케이스를드디어 찾은 것 같습니다. 드디어 !! 맥북 케이스 유목민이 정착하게 된 맥북케이스를 소개하려합니다.     맥북케이스 소개에 앞서 간략하게제가 추천하려는 맥북케이스를 개발한 회사, STM을 소개를 해보려고 합니다.  STM 은 Apple 과 Microsoft의 공식 파트너며,1998년에 호주에서 만들어져 지금까지 명목을 이어..

제2편 BC주 수도라는 빅토리아 여행, 오즈위고호텔 호텔스닷컴 할인코드

안녕하세요 여러분, 오늘은 빅토리아 여행 제2편,가성비 끝판왕 Oswego 호텔, Fish store 그리고 빅토리아 첫날 여행에 대해 써보려고합니다. Oswego 호텔은 이미 한국인들이 빅토리아 여행갈때 많이 예약하시는 호텔로 유명한 것 같은데요.호텔내를 영상이나 자세하게 리뷰한 건 찾기가 힘들더라구요.  Oswego Hotel첫번째 TIP  Oswego 호텔은 예약한 방이 준비되어있으면 얼리체크인 가능하나, 아닐 경우 무료로 짐을 맡길 수 있습니다.저희는 백팩을 들고 다니기가 싫어서 게다가 테니스 라켓도 있어서 꼭 맡겨야 했어요 :)  아래 링크에서 10% 할인받아서 예약해보세요. https://www.hotels.com/affiliate/kopPjYu ..

제1편 BC주 수도라는 빅토리아 여행, 안보면 후회할 팁, 가는법

오늘 적어놓지만 자고 일어나서 프레쉬하게 쓸 글 '_ ' 라고 써놓고 다음 날 아침에 카페에서 글을 쓰는 나 ..ㅋㅋ 안녕하세요!!! 여러분 ?! 저는 한달..? 전에 남자친구랑 빅토리아 여행을 갔다왔습니다. 영주권따기전에 워홀 왔을 때 친구들이랑 렌트해서 페리타고 다녀온 후로는 처음 인 것 같아요! 진짜 중요한 빅토리아 여행가기전에 모르면 안되는 팁은 중간중간에 있으니 꼭 놓치지말고 읽어주세요! 다운타운에서 BC Ferry까지 잠깐, 먼저 지도로 얼마나 걸리는지부터 보여드릴게요! 꼭 보세요!! 그래야 계획을 짜실 수 있잖아요?! 저는 벤쿠버 다운타운에 살고있어서 제가 이동한 경로대로 가는 방법을 먼저 알려드릴게요! 4-5시간 걸린다고 보시면 되는데 Tsawwassen BC Ferry Terminal ..

'완성된 웹사이트로 배우는 자바스크립트'는 HTML, CSS, 자바스크립트를 처음 접하는 비개발자들 또는 개발자가 되고싶지만 아직 적성에 맞는지 아닌지를 가늠하기에 좋은 책이라고 생각합니다. 2년전 엑셀이 좋아서 개발로 뛰어들었을 때를 생각하면, 적성확인 차 먼저 이런책들을 접할 수 있었다면 더 좋았을텐데라는 생각을 하게 만드는 책입니다. HTML, CSS, 자바스크립트 아무것도 몰라도 그냥 일단 따라서 만들어보기에 초점이 맞추어져있는 책이며, 관심이 생긴다면 구글링 또는 유튜브를 통해 좀 더 자세히 공부해가면 될 것 같네요. 작가 '완성된 웹사이트로 배우는 자바스크립트'는 2년간 일본에서 그래픽 디자이너로 일한뒤 캐나다 벤쿠버에서 학교를 졸업한 'Mana'라는 일본인 웹디자이너의 책이다. 한국어로 번역..

워드프레스 제작의 모든 것이 담긴 책, 만들면서 배우는 워드프레스 (전면개정판) 요즘 홈페이지나 쇼핑몰을 직접 제작하는 분들이 많은데요. 그중에서도 가장 인기 있는 툴은 바로 워드프레스입니다. 한국은 블로그하시는분들 외에는 워드프레스 쓰는 사람이 거의 없는 느낌인데 캐나다는 여전히 워드프레스개발자도 많이 뽑고 있다보니 알아두면 좋을 것 같아 책을 읽게됐습니다. 오늘은 개발자아초보자도 쉽게 따라 할 수 있는 를 소개해드릴게요~ 워드프레스는 전 세계 웹사이트의 30% 이상을 차지하며 현재 가장 각광받는 CMS라고 합니다. 기존에는 주로 기업용으로만 쓰였지만 최근 개인 개발자 및 일반인들에게도 널리 보급되고 있다고 하는데요. 초보자도 손쉽게 다룰 수 있으며 무한한 확장성과 표현력을 자랑한다고 하니 저도 관심이..

비전공자로서 컴퓨터의 본질에 대해 다가가기: "컴퓨터 시스템 딥 다이브" 비전공 프론트엔드 개발자로서 컴퓨터시스템에 대한 지식이 많이 부족하다보니, 여러책을 찾아보던 중 "컴퓨터 시스템 딥 다이브" 를 발견했다. 컴퓨터의 본질에 대한 깊은 이해를 쌓을 수 있는 이 책은, C뿐만 아니라 python의 예제도 제공하고 있어 c언어를 모르는 독자여도 따라하면서 이해할 수 있다고 생각했다. https://www.yes24.com/Product/Goods/124301248 컴퓨터 시스템 딥 다이브 - 예스24 코드 아래 숨겨진 아름답고 놀라운 컴퓨터 아키텍처 대탐험컴퓨터 시스템은 바다와 비슷합니다. 현대 생명의 기원이 원시 바다 깊은 곳에서 시작됐다고 여겨지듯, 현대의 프로그래밍도 초기 컴 www.yes24.co..

오랜만에 쓰는 내돈내산 글, 테니스 시작하고 계속 아디다스 바리케이드만 늘 신어왔던 것 같은데.. 스탠스미스 에디션 바리케이드 사랑스런 내 스탠스미스 에디션이 너무 예쁜 나머지 리셀러들이 다 사서 어마무시한 가격에 팔고있어서 더 이상 스탠스미스 에디션을 사고싶지가 않았다. 내가 이 아이를 2년동안 3켤레나 신었는데..ㅠㅠ 캐나다 공홈에도 상품은 올라와있으나 매번 품절상태다. 사이즈 찾기로 사인업해놓아도 돌아오는 이메일은 15프로 할인메세지뿐 :) .. 리셀러들..... ㅠㅠㅠㅠ 다른 테니스화에 비해 내구성이 좋아서 오래 신을 수 있는 편인데 한국에 있을때는 인공잔디에서 치다보니 빨리 닳지않았지만, 캐나다는 다 하드코트 뿐이라.. 뒤에 빵꾸가 뚫릴정도였다!! 그래서 2023 레이버컵 벤쿠버 방문했을 때 페..

원리금균등상환방식 대출 이자 계산기 대출금 원 +10만 +100만 +1000만 +1억 대출금리 연 % 3% 4% 5% 대출기간 개월 1년 3년 5년 지우기 계산하기

고성능 대규모 프론트엔드 10개 프로젝트: 최적화부터 유지보수까지 한번에 끝내는 초격차패키지 오늘은 10월초부터 수강해오고 있는 고성능 대규모 프론트엔드 10개 프로젝트: 최적화부터 유지보수까지 한번에 끝내는 초격차패키지에 대해 얘기해보려한다. 프론트엔드 개발은 늘 새로운 프레임워크, 툴 등 업데이트와 개발이 빠른 분야라고 생각한다. 이제는 프론트엔드개발자도 AWS, Node.js는 거의 기본인 시대이다보니, 프론트개발과 백엔드개발의 경계가 모호해지고 있다고 생각한다. 물론 다 알면 좋지만, 게다가 장기적으로 프론트만 하고싶어하는 개발자는 없을것이다. 그래도 프론트엔드 개발자로서 프론트에 초점을 맞추고 좀 더 다양한 걸 개발하고 접할 수 있는 기회가 있다면 좋다고 생각했기에, 그리고 팀을 만들어서 팀프로..

REST 란 ? HTTP URI(Uniform Resource Identifier)를 통해 자원(Resource)를 명시하고, HTTP Method(POST, GET, PUT, DELETE, PATCH)등을 통해 해당자원에 대한 CRUD Operation을 적용하는 것. CRUD Operation이란? Create, Read, Update, Delete 를 일컫는 말이며, 구성요소는 아래와 같다. Server-Client(서버 - 클라이언트) Stateless(무상태) Cacheable(캐시처리기능) Layered System(계층화) Uniform Interface(인터페이스 일관성) REST가 필요한 이유? - 애플리케이션 분리 및 통합 - 다양한 클라이언트의 등장 - 서버 프로그램은 다양한 브라우저..

웹 서브는 텍스트, 이미지, 비디오 및 애플리케이션 데이터와 같은 웹 사이트 컨텐츠를 요청하는 클라이언트에 전달합니다. 가장일반적인 유형의 클라이언트는 사용자가 링크를 클릭하거나 브라우저에 표시된 페이지에서 문서를 다운로드 할 때 웹 사이트에서 데이터를 요청하는 웹 브라우저 프로그램입니다. 웹 서버는 HTTP(HyperText Transfer Protocol)을 사용하여 웹 브라우저와 통신합니다. 대부분의 웹 페이지 컨텐츠는 HTML로 인코딩됩니다. 컨텐츠는 정적(텍스트/이미지) 또는 동적(계산된 가격, 고객이 구매하도록 표시한 항목 목록)일 수 있습니다. 동적 컨텐츠를 제공하기 위해 대부분의 웹 서버는 비즈니스 논리를 통신으로 인코딩하는 서버 측 스크립팅 언어를 지원합니다. 일반적으로 지원되는 언어에는..

프레임워크 (Framework) 원하는 기능 구현에 집중해서 개발 할 수 있도록 일정한 형태와 필요한 기능을 갖추고 있어 개발자가 프레임워크의 형태에 맞게 코드만 입력하면 실행되는 구조. 애플리케이션 개발시 필수코드, 알고리즘, DB연동과 같은 기능들을 위해 어느정도 뼈대를 제공하여 개발자가 애플리케이션을 개발할 수 있도록 한다. 앱/서버등의 구동, 메모리관리, 이벤트루프등의 공통된 부분은 프레임워크가 관리하며, 사용자인 개발자는 프레임워크가 정해준 방식대로 클래스와 메소드를 구현하면 된다. 프레임워크 예시 Java서버 개발에 사용되는 Spring Python 서버 개발에 사용되는 Django, Flask 안드로이드 개발에 사용되는 Android 아이폰 앱 개발에 사용되는 Cocoa Touch 웹 개발에..

- 웹 브라우저에서 쓰이는 자바스크립트를 서버에서 사용가능( 자바스크립트 문법 서버에서 사용가능 ) - 크롬에 탑재된 자바스크립트 엔진인 V8을 이용 - 대용량 서비스를 위해 Ryan Lienhard Dahl이 개발

Pages 이 폴더 안에 페이지들을 생성 index.tsx가 처음 / 메인 페이지 _app.tsx는 공통되는 레이아웃을 작성, 모든 페이지에 공통으로 들어가는 걸 넣어주려면 여기에 넣어주면 된다. (url을 통해 특정 페이지에 진입하기 전 통과하는 인터셉터페이지) ex) about.tsx를 만들면 pages폴더 안에 about.tsx를 생성해주면 된다. Public 이미지 같은 정적(Static) 에셋들을 보관 Styles 스타일링을 처리해주는 폴더 모듈(module) css는 컴포넌트 종속적으로 스타일링하기 위한 것이며, 확장자 앞에 module을 붙여줘야한다. next.config.js Next.js는 웹팩을 기본 번들러로 사용 웹팩에 관한 설정들을 이 파일에서 해줄 수 있다. 웹팩이란? 웹팩은 프레..

지금 next.js로 프로젝트 하나 하고 있는데 아무리 생각해도 ts와 tsx의 차이를 모르고 있는 것 같아 궁금해서 찾아보았다. 정말 구구절절한 설명 다 빼고 간단하다. ts는 typescript만 사용할 때 tsx는 React Component에서 사용시 사용! 나는 Component에서 사용중이니까 tsx, 하지만 타입스크립트만 쓰는 리액트 컴포넌트가 없는 경우라면 .ts인 확장자를 쓰면 된다!.

프로젝트하던 중 발견한 진짜 정말 정말 사소한 에러. firebase: no firebase app '[default]' has been created 에러 firebase코드를 먼저 불러와야하는데 그게 안되서!! 코드에 import 해놓고 안쓰는 파일은 자동으로 없애려고 설정에 아래 코드를 입력했었다. 그러면 firebase import만 하는 마지막 줄은 자동으로 계속 사라진다. 이걸 하루가 지나고 깨달았다. 에러가 나서 엄청 빡쳤기때문에 ... 결론은, VSCODE에서 CMD+, 또는 설정으로 이동 후 오른쪽 상단에 아래와 같은 아이콘을 누른다. "editor.codeActionsOnSave": { "source.organizeImports": true }, 위 코드를 삭제 후 다시 저장해주면 완벽..

중앙처리장치(CPU) - 메인보드에 가장 먼저 연결하는 장치 중 하나 - 인간의 뇌와 같은 역할 - 연산과 제어를 담당 - 3가지 모듈 => 산술/논리장치 (Arithmetic Logic Unit, ALU), 제어장치(Control Unit), 레지스터 (Register) 레지스터(Register) - 기본적으로 프로세스는 메인 메모리에 적재된다. - 실제 연산은 CPU내부에서 수행되므로, 데이터를 CPU로 가져와 처리해야한다. => 데이터를 일시적으로 CPU내부에 저장할 공간이 Register => 레지스터는 CPU의 현재 상태를 저장할 공간으로 사용되기도 한다. 산술/논리 연산 장치 (ALU) - CPU가 실질적으로 연산을 처리할 수 있도록 한다. - 산술 연산(+,-,*,/ 등) 및 논리 연산(AN..

일반적인 구조 - 하드웨어 : 컴퓨터가 동작하도록 해주는 내부 물리적인 장치들 - 소프트웨어 : 컴퓨터가 어떻게 동작해야하는지 명시되어있는 명령어 집합 일반적인 하드웨어 구성요소 소프트웨어 - 시스템 소프트웨어 : 하드웨어 자원에 대한 접근이 용이하며, 대개 저수준 언어로 작성된다. => 펌웨어, 운영체제, 컴파일러, 장치드라이버 - 응용 소프트웨어 : 컴퓨터 자원에 대한 직접적인 접근이 제한되며, 대개 고수준언어로 작성된다. 시스템 소프트웨어에 비해 접근하기 쉽고, 친화적이라는 장점이 있다. =>게임, 웹 브라우저

4개월이 지나서야 올리는 맨날 첫번째 정모인 하남미사 테린이 클럽인 이그니스 두번째 나들이 노트북에 사진만 옮겨놓고 올려야지 올려야지하고 결국엔 캐나다와서 올리게되었다. 늘 그렇듯이 모이는 사람만 모여서 강릉으로 갔다. 가는길에 휴게소도 들리고 우리 귀여운 라곤이 우쭈쭈쭈하면서 재밌고 즐겁게 출발했다. 태운오빠의 노력으로 관동대 실내테니스장 코트를 쓸 수 있었다 :) 이 날 태운오빠가 잘한일 1개 잘못한 일1개가 있었는데..ㅋㅋㅋㅋ 일단 잘한 일 1개 참 잘했어요  도착하니깐 갑자기 눈이 더 많이 내리기 시작하면서 눈 알도 함박눈으로 바뀌기 시작했다. 역시 강원도. 우리 대빵언니 수진언니는 주부9단이라 역시 앞가림 못하는 우리들 먹이겠다고 빵에 잼도 발라서 와주셨다.. 언니 사랑해요

메인보드(Motherboard) - 다양한 물리적인 장치를 장착할 수 있는 인쇄회로기판(PCB) - 컴퓨터의 CPU, 메인 메모리, 하드디스크(보조기억장치) 등을 장착한다. - 다양한 컴퓨터 부품을 연결할 수 있는 인터페이스 제공 - Motherboard라고도 불림 GPU(Graphics Processing Unit) - GPU는 그래픽 관련 연산을 빠르게 처리하는 답을 도출하는 연산 장치 - 인공지능(딥러닝), 고화질 게임, 무인 자동차등에서 많이 쓰인다. - 컴퓨터 그래픽 / 영상처리에 유용하게 활용 - 대규모 행렬 및 벡터연산을 처리하는데에 뛰어난 성능을 발휘 보조기억장치( 하드디스크, SSD ) [Pros] 전원이 차단되어도 내용이 유지되고, 저장 용량이 크다는 장점 [Cons] 보조기억장치는 메..