본문 바로가기

분류 전체보기370

HTML 기초 #1 HTML 이란? HTML(Hypertext Markup Language)는 프로그래밍 언어가 아닌 마크업 언어입니다. 주로 웹 브라우저에서 웹을 구성하는 요소들을 구성하는 전체 틀을 짜는 언어입니다. HTML은 각 태그로 구성되어 있고, 웹의 구조를 언어로 구성할 수 있다는 장점이 있습니다. 예를 들어 웹 사이트에서 하나의 공간을 마련하고 싶다면 태그를 사용할 수 있습니다. HTML 태그 HTML 언어는 시작태그와 끝내그로 구성됩니다. 시작 태그와 닫는 태그를 하나의 세트로 구성됩니다. 하나의 태그를 요소(element)라고 할 수 있습니다. HTML은 프로그래밍 언어가 아니기 때문에 잘못적어도 오류가 나지 않습니다. 웹 브라우저가 어떻게든 HTML을 해석해서 렌더링 해주기 때문입니다. 하지만 여는 태그 뒤에는 항상 닫.. 2023. 1. 6.
AWS 10,000 크레딧 수령하는 방법 AWS 크레딧 받는 방법 창업을 준비하고 있다면, 그 중에서도 온라인 창업을 준비하고 있다면 서버와 프론트를 배포할 서버가 있어야 합니다. 가장 많이 사용하는 IaaS고 AWS에서 초기 창업자라면 크레딧을 수령할 수 있습니다. AWS Activate Program에 참여하시면 됩니다. 총 $10,000 상당의 크레딧을 제공하고 있습니다. 트래픽이 굉장히 많이 몰리는 테크 대기업이 아니라면 이 정도 크레딧을 소진하는데 10년이 넘게 걸릴 수도 있습니다. 초기 서버비 걱정없이 사업을 시작해볼 수 있는 큰 장점이 있습니다. AWS Activate Program 먼저 AWS Activate Program 사이트로 접속합니다. AWS 계정이 없다면 만드세요. 회원가입이 완료되면 2단계로 넘어가서 회사 정보를 기입.. 2023. 1. 5.
Node.js 크롤링 하는 방법 Node.js 환경 기반 크롤링 하는 방법 크롤링은 웹 페이지의 리소스를 긁어와서 데이터를 수집하는 가장 기본 방식입니다. 보통 파이썬을 많이 사용하시는데 Node.js 환경에서도 크롤링이 가능합니다. 여러 사이트에서 정보를 긁어온 다음 새로운 인사이트를 뽑아낼 수 있는 데이터 분석이 가능합니다. 자 우선 기본 모듈을 설치해줍니다. 🌐️ Node.js 환경 크롤링 필요모듈 Cheerio DOM selector 기능을 제공합니다. HTML에서 특정 데이터를 추출합니다. https://www.npmjs.com/package/cheerio Axios 비동기 방식으로 외부 리소스를 요청하는데 사용되는 라이브러리입니다. https://www.npmjs.com/package/axios 크롤링 모듈 설정 페이지 크롤.. 2023. 1. 5.
Web이란 무엇인가? Web 이란? 최초로 웹을 창시한 건 구글이 아닙니다. 영국 출신의 팀 버너스 리 입니다. 그는 www, URL, HTTP등을 통해 웹을 현실화 시켰고, 이 후 구글, 네이버, 페이스북, 카카오 등 다양한 서비스가 나오면서 웹 기반 거대 테크 회사 성장할 수 있었습니다. 팀 버너스 리는 전세계의 망을 하나로 묶어 WWW(월드 와이드 웹)을 고안했고, 웹 내에서 서버와 클라이언트간 통신 프로토콜인 HTTP와 URL을 개발했습니다. 그는 이 공로로 영구에서 기사작위를 수여받았습니다. 전 세계에서 웹을 통해 가장 돈을 많이 벌어들인건 미국이지만 사실 기술의 기반은 영국이라는 점이 아이러니 합니다. 더 충격적인 건 팀 버너스 리가 웹의 사용권을 특허를 내지 않고 무료로 공개한 것입니다. 앞으로 더 자유롭고 풍부.. 2023. 1. 3.
SVG란 무엇인가? CSS 적용하기 SVG란 무엇인가? SVG(Scalable Vector Graphics) 란 2차원 벡터 그래픽을 위한 XML로 구성된 벡터 그래픽 형식의 파일을 의미합니다. SVG 기술 덕분에 우리는 화면 확대를 아무리 해도 깨지지 않는 이미지를 얻을 수 있게 됩니다. 어떻게 이게 가능하냐구요? 다음 그림을 한번 보시면 두 그림의 차이점이 분명하게 보이실 겁니다. 왼쪽을 보시면 그래픽이 정상적으로 출력됩니다. 하지만 오른쪽 빨간색 그림은 그림이 깨져서 보이게 됩니다. SVG를 이해하기 위해서 먼저 아셔야 하는 개념이 바로 벡터와 비트맵입니다. 벡터와 비트맵 비트맵은 그림의 위치를 정확하게 기억하고 있습니다. 따라서 그림이 확대가 되게 되면 해당 위치의 색상을 정확하게 기억하고 있기 때문에 깨져서 보이는 현상이 발생하게.. 2023. 1. 3.
2022년 회고 기어고 2022년이 끝나고 2023년이 시작되었다. 이번 년도에 새롭게 깨달은 것은 아무리 힘든 시기라도 결국 지나간다는 것이다. 프로그래밍을 시작하고, 블로그와 유튜브를 시작하고 실력이 늘어나기 시작하면서 지식과 기술을 공유하면서 내가 배우는 것은 또 다르다는 점을 느끼게 된다. 2022년을 마무리 하면서 2021년 부터 시작한 코딩 공부가 정보처리기사, 블록체인, 웹, 앱으로 이어질 줄은 생각하지 못했다. 한 연구결과에 따르면 형제 중 첫째가 성적이 가장 좋다는 통계학적인 결과가 나왔다. 해야할 것도 많고 챙겨야 할 것도 많은 첫째가 성적이 가장 좋다는 결과에 대해서 학자들은 이렇게 코멘트를 달았다. 첫째는 누군가를 teaching 하면서 스스로 더 많이 배운 것이다. 이 결과물은 나한테도 큰 생각을.. 2023. 1. 2.
CI/CD #4 배포 구성하기 AWS EC2 [최종] 이전글 2022.12.29 - [Programming] - CI/CD #1 배포 구성하기 Node.js 빌드 2022.12.29 - [Programming] - CI/CD #2 배포 구성하기 Dockerfile 2022.12.29 - [Programming] - CI/CD #3 배포 구성하기 Github Actions 이번 콘텐츠에서는 CI/CD를 위한 AWS EC2 구성을 알아보겠습니다. 지금 까지 Node.js 서버 프로그램을 작성하고 Dockerfile을 제작하여 이미지를 만들었습니다. 또한 Github Actions workflow를 설정해서 CI/CD 기본을 구성했습니다. Github Actions에서 구성한 workflow가 실제로 동작하는 환경은 서버 환경입니다. 이 부분을 AWS EC2로 .. 2022. 12. 29.
CI/CD #3 배포 구성하기 Github Actions 이전글 CI/CD #1 배포 구성하기 Node.js 빌드 CI/CD #2 배포 구성하기 Dockerfile CI/CD 구성 Github Actions Github Actions은 개발자들의 놀이터라고 불리는 Git에서 제공하는 pipeline 서비스입니다. 개발이 완료된 소스코드를 빌드 -> 테스트 -> 배포까지 한번에 관리할 수 있어 효율적인 배포 환경을 구성할 수 있습니다. 💡여기서 빌드/테스트를 CI라고 하고, 배포를 CD라고 합니다. Github token 생성 CI/CD를 구성하기 위해서는 토큰이 필요합니다. 이전 콘텐츠에서 소스코드를 업로드한 github repository로 이동합니다. 전체 메뉴에서 settings로 이동합니다. 왼쪽 하단에서 Settings->Developer settin.. 2022. 12. 29.
CI/CD #2 배포 구성하기 Dockerfile 이전글 CI/CD #1 배포 구성하기 Node.js 빌드 CI/CD 구성 Dockerfile 작성 이전 글에서는 기본적인 서버 프로그램 작성을 알아보았습니다. 이번 콘텐츠에서는 작성된 서버를 Dockerfile로 이미지화 하는 방법을 알아보겠습니다. 💡 Dockerfile이란? 도커를 통해 작성된 프로그램을 이미지화 하여 실행환경을 통일시켜주는 작업을 도와줍니다. Dockerfile을 통해 개발환경과 실행환경을 일치할 수 있도록 프로그램을 이미지라는 단위로 감싸서 배포 환경에 올릴 수 있습니다. 배포 환경에서는 이미지를 다운로드 받아서 컨테이너를 실행할 수 있습니다. 만약 우분투 OS 환경에서 개발한 경우 Window에서 해당 프로그램을 실행하는 경우 환경변수가 안맞아 실행이 안되는 경우가 있었지만 도커.. 2022. 12. 29.
CI/CD #1 배포 구성하기 Node.js 빌드 CI/CD 서비스를 개발한 후 사용자에게 전달하기 위해서는 배포를 진행해야 합니다. 물리적인 서버를 구성해서 서비스를 배포하는 것 보다 AWS에서 제공하는 IaaS를 이용해 on demand 형식으로 서버를 구성하면 합리적인 가격으로 서비스를 운영할 수 있습니다. 한 걸음 더 나아가 CI/CD는 Continuous Integration / Continuous Deploy의 약자로 github과 같은 형상관리자에서 수정사항을 push 하면 이것을 트리거로 잡아서 원격 서버에 자동으로 배포까지 진행해주는 서비스입니다. 간단하게 수정사항만 신경쓰면 되고, 이후 작업은 알아서 해주니 편리하지 않을 수 없습니다. CI의 경우 빌드와 테스트처리를 자동으로 할 수 있습니다. 배포하기 전 정상적으로 테스트를 통과하는지.. 2022. 12. 29.
React build blank 페이지 뜰 때 해결법 React 앱을 빌드 후 정적 웹사이트 배포를 할 때 AWS S3를 사용하게 됩니다. 먼저 로컬에서 잘 돌아가는지 확인하기 위해 build 후 로컬 웹 브라우저에서 리액트를 돌리면 생각지 못한 문제에 봉착하게 됩니다. 바로 화면이 안나오는 것이죠. 정적 웹 사이트 배포 리액트 프레임워크로 제작된 웹 사이트를 배포하기 위해서는 localhost:3000 으로 배포하지 않습니다. 웹팩을 장착한 create-react-app을 사용해 js, css, image들을 번들링한 컴팩트 버전으로 빌드 후 배포하게 됩니다. AWS S3를 사용해도 되고, Nginx와 같은 웹서버 프로그램을 통해 정적 웹 페이지를 바로 리턴해줘도 됩니다. 우선 create-react-app으로 새로운 애플리케이션을 시작합니다. packa.. 2022. 12. 27.
ios 앱 개발 공부 순서 ios 앱 개발 공부 순서 전문적인 개발자 뿐만 아니라도 아이폰 앱을 개발할 수 있습니다. 목적은 다양한데요, 아래에 하나라도 속한다면 아이폰 앱 개발에 도전해보시길 추천드립니다. 🎓 비개발 직군 직장인이지만 앱 테크를 해보고 싶다 🎓 앱 프로그래머로 디지털 노마드로 살아보고 싶다 🎓 스타트업을 운영하는데, 앱 개발 견적이 너무 비싸다 🎓 새로운 도전을 해보고 싶다 일단 애플에서 출시 후 관리하는 Swift 언어를 통해 아이폰 애플리케이션을 개발할 수 있습니다. 개발을 위해서는 아래 조건들이 필요합니다. 👩‍💻 아이폰, 아이패드, 맥, 워치 애플리케이션을 개발하기 위해서는 맥이 필요합니다. 🔨개발환경으로는 XCode를 사용합니다. 🕊 개발 언어로는 Swfit를 사용합니다. 아이폰 앱을 개발하기 위해서 맥.. 2022. 12. 23.
2023년 블록체인에 집중해야 하는 이유 2022년은 crypto currency의 겨울이었습니다. CeFi 거래소들이 줄줄이 파산을 면치 못하면서 3조달러에 달하는 암호화폐시장이 8천억 달러까지 시총이 내려왔습니다. 루나 프로토콜, 셀시우스, 3AC, FTX 까지 빠른 외형 성장을 위해 거래소간 물고 물리는 도미노 시스템이 붕괴되기 시작한 것이다. 그럼에도 불구하고 2023년 암호화폐에 대한 관심은 끊이지 않고 있습니다. 중개인을 제외한 제3자 거래가 가능하게 하는 시스템은 많은 개발도상국들로 부터 러브콜을 받고 있습니다. 미국을 제외한 엘살바도르, 중앙아프리카공화국 등 GDP가 낮은 국가에서는 여전히 정부가 아닌 외부 경제 시스템을 선호합니다. 반복되는 역사 1929년 대공황 이후 예금보험제도가 도입되었고, 글래스-스티걸 법이 통과되었습니다.. 2022. 12. 19.
맥북 에어 코딩 괜찮을까? 개발자가 맥북을 선택하는 이유? 개발자를 희망한다면 노트북을 고를 때 1순위 제품이 바로 맥북입니다. 개발자가 맥북을 선탠하는 이유는 대표적으로 맥 OS라고 할 수 있습니다. 예를 들어 앱스토어에 배포할 모바일 어플리케이션을 개발한다면 맥 OS가 필수적입니다. 또한 성능을 비교했을 때도 윈도우 OS에 비해 높은 퍼포먼스를 보여주고 있습니다. 개발 환경을 생각할 때도 Unix 계열 OS에서는 간단하게 사용하지만 윈도우 OS에서는 복잡한 절차가 필요한 경우가 한두개가 아닙니다. 대표적으로 윈도우 OS에서는 crontab을 사용할 수 없습니다. 이런 사소한 차이점이 쌓이고 쌓여 맥 OS를 사용하는 경우가 많습니다. 하지만 맥북을 선택할 때 문제는 역시 가격입니다. 레노보 씽크패드 시리즈와 맥북 시리즈를 비교해.. 2022. 12. 11.
애플 맥북 프로 M1을 구매하지 않은 이유 맥북 프로 M2 14인치 16인치 출시일 애플은 2020년 부터 M1칩이라는 세상에 없던 프로세서를 새로 출시하였습니다. 기존에 인텔에서 수급받았던 프로세서를 ARM 기반 프로세서로 대거 대체하면서 새로운 시장 메이커 역할을 하고 있습니다. 그리고 2022년 애플은 M2 칩을 새롭게 공개합니다. 현재 맥북에어와 맥북프로에 M2 칩을 심어 판매하고 있고, M1에 비해 최대 1.4배 이상의 퍼포먼스를 보여주고 있습니다. 하지만 문제는 M2칩을 심은 맥북프로는 현재 13인치 제품만 출시가 된 상황입니다. 애플은 14인치와 16인치 맥북프로를 2023년 3월경이나 되어야 출시할 계획이라고 보여지고 있습니다. 2023년 1분기에 애플이 새로운 제품을 출시하게 된다면 애플은 이제 더이상 인텔에 의존하지 않고 새로운.. 2022. 12. 11.

티스토리툴바