본문 바로가기
반응형

분류 전체보기210

소스트리 sourcetree 설치하기 Git GUI 툴 / 깃 git 관리 소스트리 설치방법 및 사용방법 이전에 Git을 설치하고 다뤄봤다. 그러나 깃(Git)을 보면 아래 사진과 같이 검은색 창에 명령어를 입력해야 하는 쉘(Shell) 프로그램의 형태를 띄고 있다. 그러나 위와 같이 어려워 보이는 Git의 사용을 도와주는 GUI 프로그램이 있다. 이름은 '소스트리(Source tree)'이다. 소스트리는 Git에 관리되는 소스들을 쉽게 다룰 수 있도록 GUI 인터페이스를 제공하는 툴이다. 처음 깃 관리를 시작하기에 적합하고 코드와 기능을 시각화해준다. 그럼 바로 소스트리를 설치해보도록 하자. 소스트리(Source Tree) 설치하기 1. sourcetree 다운로드를 구글에 검색한다. 아니면 아래 링크로 들어가도 된다. https://www.sourcetreeapp.com/ Sourcetree | Free.. 2022. 6. 15.
리액트(React) 설치 에러 / yarn으로 react 프로젝트 생성 에러 리액트 개발 환경을 설치하기 위해 1. 노드 버전 매니저(NVM)으로 노드제이에스 설치 2. yarn과 create-react-app 설치 이 순서로 진행하다가 2번에서 막히게 되었다. 분명 yarn을 통해 명령어를 잘 입력해주었음에도 아래와 같은 에러가 발생했다. 리액트를 처음 공부하는 입장으로서 매우 당황스러운 순간이었다. 그런데 나와 같은 설치 에러를 찾는데 몇 시간 쏟는 사람이 없길 바라며, 해결책을 알려드리도록 하겠다. 우선 NVM으로 노드제이에스를 설치하면서 낮은 버전의 노드제이에스를 설치하면서 발생하는 문제인 것 같다. 내가 설치했던 버전은 nvm install 10.10.0 이었다. 너무 이전 버전을 설치하려다보니 발생한 것 같아 nvm 명령어로 노드제이에스를 설치하지 않고 Node.js .. 2022. 6. 11.
OBS 재설치 오류 / OBS files are being used by the following applications / OBS creative cloud 오류 OBS 설치 오류 해결 방법 평소 잘 사용하고 있던 OBS가 오류가 나서 삭제 후 재설치를 하려고 하니, 설치 하는 과정에서 오류가 발생했다. 이것을 같이 해결해보도록 하겠다. 오류 메세지 OBS files are being used by the following applications: Creatiove Cloud Desktop please close these applications to continue setup. 위의 오류 메세지에서 Creative Cloud Desktop 을 잘 봐야 한다. Creative Cloud Desktop이 무엇인지 알아보니, 내 컴퓨터에 깔려있는 것이었다. 1. Ctrl + Alt + Del 키를 동시에 눌러 작업관리자 창을 열어준다. 프로세스 목록에서 아래로 쭉 내.. 2022. 6. 11.
웹 브라우저 픽셀 측정하기 / 크롬 픽셀 측정 확장프로그램 / 웹 요소 픽셀 px 측정 / page ruler 웹 개발 공부를 할 때 많은 분들이 다른 사이트를 기반으로 프로그래밍을 하는 클론 코딩을 하면서 공부를 하는 경우가 많을 것이다. 그럴 때 유용한 확장 프로그램을 하나 소개하겠다. 오늘 소개할 프로그램은 웹 요소들의 정확한 픽셀(pixel) 단위와 간격, 마진, 패딩 등을 측정할 수 있다. 웹 사이트를 그대로 클론 코딩을 할 때 레이아웃이나 요소의 크기와 간격을 거의 유사하게 만들 수 있어 유용하게 사용할 것이다. 그럼 바로 본론으로 들어가 프로그램을 살펴보자. Page Ruler 웹 개발 픽셀 단위 측정 해당 프로그램은 크롬의 확장 프로그램이기 때문에 크롬을 사용하여야 한다. Page Ruler은 웹 페이지의 거리를 픽셀 px 단위로 측정할 수 있는 확장 프로그램이다. 1. 도구 더보기 -> 확장 프로.. 2022. 6. 1.
NABC 접근법 / 신규 서비스 및 상품 개발 사용 툴 / 성공적인 문제해결 툴 NABC 접근법은 Stanford Research Institute에서 성공적인 문제해결을 위해 활용하는 접근법이다. 이는 신규 서비스 또는 상품을 개발하는데 있어 사용되는 툴 중에 하나로 N : Needs (요구사항) A : Approach (마케팅 방식) B : Benefit (이익) C : Competition (경쟁력) 의 약자로 이루어져 있다. 이는 고객의 Needs에 대한 서비스적 Approach와 고객에게 제공되는 Benefit이 경쟁사와 비교했을 때 Competition Edge가 있는지 검토하는 방식의 툴이다. Need (고객의 불편함 or 요구사항) 누구에게 무엇이 필요한가? 고객의 니즈와 고객가치는 무엇인가? 고객의 니즈와 고객가치는 고객에게 있어 중요성이 높은가? 고객의 불편함은 무.. 2022. 5. 25.
비쥬얼 스튜디오 코드 단축키 / Visaul Studio Code 단축키 / VSC 단축키 비쥬얼 스튜디오 코드(Visual Studio Code) 제가 정말 비쥬얼 코드로 코드를 작성하면서 답답한 부분이 많았습니다. 그래서 직접 찾아... 단축키를 한 번에 정리한 글을 작성해보려고 합니다. 가장 먼저, 태그를 입력하면 자동 완성이 되는데, 그럴 때마다 태그까지 방향키로 누른 후, 엔터를 쳐서 아래 줄로 내려갔다. 그런데 Ctrl + Enter을 한 번에 누르게 되면 바로 아래 코드줄로 내려가게 된다. 이처럼 유용한 단축키를 소개하겠다. 이는 모두 윈도우 기준의 단축키이다. Ctrl + Enter 커서 위치 상관 없이 아랫줄로 내려가기 빠르게 작업 가능 ! (느낌표) 입력 후 -> Enter 치기 기본 틀 생성 빠르게 작업 가능 Ctrl + / or Ctrl + K + U 주석 처리 단축키 여.. 2022. 5. 19.
비주얼 스튜디오 코드 익스텐션 28개 추천 / 확장 프로그램 설치 및 웹 개발 환경 설정 (Visual Studio Code) / VS Code HTML, CSS Extension 목차 오늘은 흔히 웹 공부를 할 때 사용하는 텍스트 에디터인 '비쥬얼 스튜디오 코드(Visual Studio Code)의 확장프로그램'을 소개할 것이다. 나도 매번 개발하는 컴퓨터와 노트북, 개발 환경이 계속 바뀌기 때문에 저번에 설치했던 확장프로그램이 정말 유용했는데 기억이 나질 않아서 내가 지속적으로 활용하고자 이렇게 글로 작성하게 되었다. 그럼 바로 정말 내가 사용하는 웹 개발에 유용한 익스텐션을 추천하도록 하겠다. 우선 해당 확장 프로그램은 '비쥬얼 스튜디오 코드'가 깔려 있어야 한다. 해당 다운로드는 아래 링크를 통해 자세히 알아보도록 하자. Visual Studio Code 쉬운 설치 Visual Studio Code 쉬운 설치/ VSCode 코드 편집기 추천 및 설치/ Vscode 한글 설정.. 2022. 5. 18.
깃(Git) - 깃허브(GitHub) 버전관리 기초부터 시작 / 깃에서 깃허브 업로드, 다운로드 우리는 게임이나 포토샵, 보고서를 작성하다가 ctrl+z를 사용해 이전 단계로 돌아가거나 이전 데이터를 불러온다. 이렇게 원하는 시점인 '버전'으로 이동할 수 있게 하는 것이 버전 관리이며 소스코드를 변경하였는데, 이전의 원하는 시점으로 돌아가게 해 주는 소스코드 버전 관리 시스템이 'Git 깃'이다. Git은 데이터를 저장할 공간만 있다면 어디서나 사용할 수 있는데, Git을 관리하는 프로젝트를 올려둘 수 있는 Git 호스팅 사이트 중에 하나가 우리가 흔히 아는 'GitHub 깃허브'이다. Git 설치하기 그러면 바로 Git을 설치하고 로컬저장소에서 커밋 관리하는 것을 해보자. Git을 설치하는 방법은 아래 링크된 글에 잘 설명이 되어 있으니 참고하도록 하자. Git, Git Bash 쉬운 설치/ Gi.. 2022. 4. 29.
미래예측 방법 - 시나리오 기법 / 트렌드 분석 방법 미래를 예측하는 방법에는 다양한 방법들이 있다. 너무나 많은 미래예측 기법들이 있어, 궁금한 기법은 아래의 표를 참고하도록 하자. 이 많은 기법들 중 '시나리오 기법'에 대해서 간단히 알아보도록 하겠다. 미래예측 기법 시나리오(Scenario) 기법 시나리오 기법 : 미래에 일어날 수 있는 여러 가지 상황을 연극의 대본처럼 '스토리(Story)' 형식으로 전달하여 미래의 다양한 모습을 쉽게 이해할 수 있도록 도와주는 예측 기법 이러한 시나리오 기법은 제 2차 세계대전 때 미 공군에서 적군의 행동을 예측하고 이에 대처할 수 있는 전략을 세우기 위해 사용되었으며, 이 기법을 대중정책, 국제개발, 비즈니스 전략 수립 등 다양한 분야에 적용하였다. ■ 시나리오 기법 분류 탐색적 시나리오 : 탐색적 기법은 현재로.. 2022. 4. 26.
반응형

티스토리툴바