본문 바로가기
반응형

전체 글138

리액트 웹페이지 만들기 ep.3 - 모바일,데스크톱 구분하여 웹페이지 띄우기(react-device-detect) 2022.03.16 - [개발/리액트 홈페이지 만들기] - 리액트 웹페이지 만들기 ep.1 - 환경 구축, react-create-app 설치 및 테스트 2022.03.18 - [개발/리액트 홈페이지 만들기] - 리액트 웹페이지 만들기 ep.2 - 컴포넌트(component), JSX의 이해 (feat. 화살표함수) 리액트 모바일 웹개발을 하려고 하는데 기왕이면 모바일 뷰와 데스트톱 뷰를 구분하여 만들고 싶습니다. 네이버나 다음을 접속할 때 데스크톱으로 접속하면 데스트톱 뷰, 모바일로 접속하면 모바일 뷰로 연결되는 것과 동일하게 말이죠. 즉 데스트톱과 모바일을 감지하여 반응형으로 사이트를 만드는 것입니다. 반응형 웹페이지는 접속형태에 따라 사이즈를 조절하도록 하는 것이 궁극적인 목표이지만 일단 데스크톱과.. 2022. 3. 19.
리액트 웹페이지 만들기 ep.2 - 컴포넌트(component), JSX의 이해 (feat. 화살표함수) 2022.03.16 - [개발/리액트 홈페이지 만들기] - 리액트 웹페이지 만들기 ep.1 - 환경 구축, react-create-app 설치 및 테스트 앞서 react-create-app 을 사용하여 project를 생성한 후, npm start 를 통해 간단히 테스트 해보았습니다. 먼저 프로젝트를 생성하면 폴더 내에 여러 파일이 생성됩니다. npm start 명령어를 입력하면 여기에서 index.js 를 실행 시켜줍니다. import React from 'react'; import ReactDOM from 'react-dom'; import './index.css'; import App from './App'; import reportWebVitals from './reportWebVitals'; R.. 2022. 3. 18.
LG 프라엘 워시팝(BCP2, 코코넛 화이트) 초음파 진동클렌저 언박싱 및 리뷰 화이트데이를 기념해서 뭘 선물해볼까 하다가, 역시 선물은 뷰티다 라는 생각으로 LG 워시팝을 구매했습니다. 가끔 TV나 유튜브에서 세수할 때 꼼꼼히 하는 것에 대한 중요성이 언급되면 이번만큼은 제대로 피부관리를 하자고 다짐하다가도, 작심삼일이 기본으로 깔려진 저는 결국 고양이 세수를 면치 못했습니다. 화이트 데이라는 명목도 있고, 마치 귀차니즘의 산물인 진동 칫솔처럼 편리함을 가져다 줄지 궁금했습니다. 언박싱 케이스는 딱 스마트폰 크기 만합니다. 박스를 오픈하면 자석으로 이루어진 케이스와 세척방법이 적힌 설명서가 보입니다. 정말 스마트폰 언박싱하는 느낌이 좀 듭니다. 종이를 치우면 LG 워시팝 본체가 보이고 덮개를 덜어내면 충전모듈이 있습니다. 제가 산 모델은 BCP2 모델인데, 숫자는 색깔을 나타냅니다.. 2022. 3. 17.
리액트 웹페이지 만들기 ep.1 - 환경 구축, react-create-app 설치 및 테스트 리액트 웹페이지를 만들기 위해 환경구축과 간단한 테스트를 시작해봅시다. 저는 M1 맥북 에어를 사용하고 있는점 참고해주세요. 필요한 사항은 다음과 같습니다. 1. visual studio code (VSCode) - code 편집 툴(IDE) 2. node.js, npm - 자바스크립트 런타임 VSCode 설치 code 편집 툴인 VSCode 는 아래 페이지에서 다운받아 설치하시면 됩니다. https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and .. 2022. 3. 16.
iOS 15.4 정식 버전 릴리즈 (변경사항, 마스크 쓰고 face ID 사용 설정 방법) 어제 새벽, iOS 15.4 정식 버전이 릴리즈 되었습니다. 이 업데이트에서 가장 주목할 부분은 바로 마스크를 쓴 상태에서 face ID를 지원한다는 점입니다. 코로나가 유행하며 마스크 착용이 의무화 되고부터 가장 편리했던 기능이었지만 가장 불편한 기능으로 바뀐 것이 face ID 였습니다. 이 불편한 점을 알고 인지한 애플도 대안책으로 애플워치 사용시 아이폰 잠금해제 기능을 추가했었습니다. http://support.apple.com/ko-kr/HT212208 마스크 또는 선글라스를 착용하고 있을 때 Apple Watch로 iPhone 잠금 해제하기 마스크 또는 선글라스를 착용하고 있을 때 Apple Watch를 함께 착용하고 있으면 iPhone을 들어 올려 주시하기만 해도 iPhone의 잠금을 해제할.. 2022. 3. 15.
리액트 웹페이지 만들기 ep.0 - 왜? 그리고 계획 개발자라면 한번쯤 리액트라는 단어를 들어봤을 것 같습니다. 리액트는 요즘 가장 핫한 프론트앤트 라이브러리(React.js) 입니다. 2021 스택오버플로우 개발자 선호도 조사에 따르면, 웹 프레임워크 및 라이브러리 부문 40% 이상을 차지하고 있을 정도입니다. 트랜드에 민감한 저로써는 가장 유명세를 떨치고 있는 리액트를 공부해봐야겠다는 생각이 듭니다. 리액트를 이용해 홈페이지를 제작하기 위해서는 자바스크립트, 데이터베이스 등 다루어야할 기술이 많습니다. 리액트가 무엇이고, 어떠한 목적으로 만들어졌는지, 장황한 역사와 구조를 자세히 알아보기보다는, 직접 홈페이지를 만들면서 그때 그때 필요한 부분을 정리하고 기록하고자 합니다. 가장 기초부터 다져나가는 건 너무 재미없잖아요. 계획 - 리액트로 모바일 홈페이지.. 2022. 3. 14.
맥북에서 롤 할때 룬 자동 세팅 프로그램, OP.GG 롤좀 하시는 분이시라면(저는 초봅니다만..) op.gg 사이트를 알고 계실겁니다. 이곳은 아이디를 검색하면 전적을 살펴볼 수 있고, 룬 세팅이나 챔피언 정보들을 살펴보기 위한 커뮤니티 사이트 입니다. http://op.gg 롤 전적 검색 OP.GG - 전적 검색, 관전, 리플레이, 챔피언 공략, 카운터, 랭킹 롤 전적, 모든 게임의 전적, 챔프 평점, KDA, 승률을 볼 수 있고 리플을 보거나 자신의 게임을 녹화를 할 수 있습니다. 지금 바로 당신의 소환사명을 검색해보세요! www.op.gg 보통 게임에서 챔피언을 선택할 때 이 사이트를 많이 참고하죠. 챔피언 별로 티어, 승률에 따른 룬세팅, 아이템 빌드, 스킬 정보 등 참고할 사항이 아주 많기 때문입니다. 롤을 시작한지 얼마안되거나 초보자이신 분들 입.. 2022. 3. 12.
맥OS 몬테레이 주요 기능과 특징(빠른메모, airplay, 단축어 등) M1 을 구매한 후 지금까지 Big Sur 버전을 사용하다, 뒤늦게 Monterey 업데이트를 했습니다. 맥OS는 항상 캘리포니아의 지역을 모티브 삼아 버전별로 네이밍을 진행했습니다. 이번에는 캘리포니아주 해안에 위치한 태평양 만으로, 이 만은 샌프란시스코와 산호세의 주요 도시들의 남쪽에 위치합니다. https://ko.wikipedia.org/wiki/%EB%AA%AC%ED%84%B0%EB%A0%88%EC%9D%B4%EB%A7%8C 몬터레이만 - 위키백과, 우리 모두의 백과사전 ko.wikipedia.org 맥 os 버전이 변경됨에 따라 배경화면도 항상 바뀌어 왔습니다. 맥OS 카탈리나 버전 까지만 해도 버전 이름의 사진을 배경화면으로 제공되어 왔는데, 빅 서 이후부터는 그래픽한 배경화면을 제공하는 방.. 2022. 3. 11.
매빅 미니 2 플라이모어 콤보 언박싱 및 리뷰 매빅 미니 2를 선물받고 시간이 한참 지나 이제서야 리뷰를 써봅니다. 드론도 없으면서 드론 자격증도 따고 리뷰 영상도 보고 하니, 그 모습이 꼴보기 싫었던 동거인이 하나 장만해주었습니다. (개이득) - 드론조종 자격증은 아래를 참고하세요. 2021.11.21 - [일상] - 드론조종 자격증 4종 취득 방법 드론조종 자격증 4종 취득 방법 예전에 손바닥만한 드론을 사서 재밌게 비행하던 적이 있습니다. 착륙지를 만들어, 드론을 컨트롤 하여 착륙지에 안착시키고, 밖에서 자유로이 날리는 재미에 흠뻑 빠졌었죠. 그러면서 크기가 leftday.tistory.com 드론 구매에 앞서 여러가지 고려사항이 있었습니다. 1. 가격 - 100만원 이하 일 것 2. 휴대가 간편할 것 3. 드론조종 자격증 4종으로 비행 가능할.. 2022. 3. 10.
반응형

티스토리툴바