분류 전체보기
[React] PNG파일을 SVG파일로 변경하는 방법
🚗 Image Magick 유료, Adobe 등을 이용하여 PNG파일을 SVG파일로 변경할 수도 있지만, ImageMagick이라는 오픈소스 프로그램을 사용해도 간단하게 변경할 수 있다. 윈도우즈 환경에서는 아래의 실행파일을 직접 다운로드 받아야 한다. https://imagemagick.org/script/download.php#windows ImageMagick Create, Edit, Compose, or Convert Digital Images imagemagick.org 순차적으로 설치를 진행한 후에 체크박스를 선택하는 부분이 나오는데 아래 그림과 같이 선택하면 된다. 설치를 완료한 뒤 환경변수 설정을 해준다. 새로 만들기를 해서 위와 같이 생성해주면 된다. 명령 프롬프트에 magick를 입력했..
[LOLPAGO] React 설치 및 Header 구성(1)
🚗 Git 설정 깃허브를 통해서 유지보수를 해야하므로 Git을 이용할 예정이다. 중요한 내용들이니까 Private로 만들었다. 다음과 같이 VScode에서 클론을 하면 레포지토리가 로컬에 생성된다. 해당 환경에서 실행을 할 것이다. 🚓 React 설치 우선 롤파고 프로그램을 개발하기 위해 React를 사용하려고 한다. React를 설치하기 위해서는 아래와 같은 절차를 거치면 된다. https://github.com/facebook/create-react-app GitHub - facebook/create-react-app: Set up a modern web app by running one command. Set up a modern web app by running one command. Contri..
[React] 화면이 실행되는 방법의 이해
🚗 리액트에서의 화면 실행 순서 리액트를 하게 되면 자신이 실제로 작성하는 코드를 통해서 가장 처음 보여지도록 해야한다. 예를 들어 내가 롤파고와 같은 전적검색서비스를 보여주고 싶은데 가장 첫 화면이 검색창이 뜨도록 하고 싶다. 해당 화면이 주소를 입력했을 때 가장 처음 보여져야 한다. 티스토리 블로그를 검색했을 때 아래의 사진과 같은 화면이 나오도록 해야한다. create-react-app을 했을 때 가장 먼저 보여지는 화면은 아래와 같다. 우리가 보여주고 싶은 화면을 보여줘야 하려면 어떻게 해야할 지 알아보겠다. 🚓 "index.html", "index.js", "App.js" 결론부터 말하자면 위의 파일들을 적절하게 설정해야 한다. index.html을 살펴보자. index.html 우선 index..
[IRVINE/CALIFORNIA] 국밥 먹고 싶다 3화(23.01.18~24.02.16)
🍕피자 항상 그렇듯 꾸준히 블로그를 작성하는 것은 매우 어렵다. 프로젝트가 바빠서도 아니고 너무 열심히 놀아서도 아니다. 꾸준함은 항상 어려운 것... 어바인의 생활이 그만큼 순식간에 지나갔다는 뜻이다. 좋은사람 좋은시간은 항상 어디에서나 통용되고 어디에서나 필요하다. 어바인에 함께 왔던 친구들이 모두 좋은 사람들이라서 미국이 좋아졌다. 만약 글로벌 SW/AI 인재트랙에 선정되었다면 프로그램 시작 전에 꼭 친해질 것! 나의 경우에는 이미 친한 친구들이 많이 있어서 쉬운 편이었지만, 미국에서도 많이 친해졌다. 그리고 어바인의 프로그램은 코딩 교육, 논문 작성 등과 같이 학업적인 부분보다는 다양한 경험, 외국인과의 소통에 더 큰 메리트가 있다. 만약 학업 능력을 더욱 증진시키고 싶어 이번 프로그램을 신청했다..
