티스토리

철테코

검색하기

블로그 홈

철테코

cheoltecho.tistory.com/m

철테코 님의 블로그입니다.

구독자: 3

방명록 방문하기

주요 글 목록

클라우드 인프라를 위한 x86서버 최근 클라우드 산업이 발달하면서 CSP(Cloud Service Platform)을 사용하는 개발자, 학생들이 많아졌습니다. 그런데 이러한 클라우드 기술이 발전할 수 있었던 인프라에 대해서는 관심이 없습니다. 저 역시 x86 서버의 존재를 모르고, 클라우드 서비스를 사용하고 있었습니다. 오늘은 그 클라우드 서비스가 발전할 수 있었던 서버 아키텍처인 x86과 더불어 유닉스 서버와의 비교를 해보려 합니다. x86 서버 x86은 인텔(Intel)과 AMD(Advanced Micro Devices)에 의해 개발된 마이크로프로세서 아키텍처입니다. 이 아키텍처는 주로 개인용 컴퓨터와 서버 시스템에서 사용되며, 대부분의 현대 컴퓨터에 사용되는 프로세서 기술을 의미합니다. x86 아키텍처는 초기에 16비트 아키텍처이었.. 공감수 2 댓글수 4 2023. 8. 23.
PUB/SUB 구조 Pub - Sub 구조Pub/Sub 이란Pub/Sub은 publisher/subscribe의 줄임말로, 비동기식 메시징 패턴입니다. Publisher가 Message를 발행하면 해당 Message를 구독하고 있는 Subscriber가 해당 Message를 읽을 수 있고, 작업을 하게 됩니다. 이러한 구조에 의해 Publisher와 Subscriber는 서로 알 필요가 없습니다. Publisher는 중간 컴포넌트(버스, 브로커)에게 메시지를 전달하면 중간 컴포넌트는 해당 Topic을 구독 중인 Subscriber에게 전달해줍니다. 즉, 발신자의 메시지는 특별한 수신자가 정해져 있지 않습니다. 비동기 메세징 패턴동기 - 어떤 일의 수행과 동시에 결과가 나오는 것.비동기 - 어떤 일의 수행 즉시 결과가 나오는.. 공감수 0 댓글수 0 2023. 8. 21.
[Reminder] Amazon CloudFront를 이용한 HTTPS 적용 안녕하세요 SSAFYcial 9기 박철순입니다. 최근 프로젝트를 진행하며 배포 과정에서 사용했던 AWS의 CloudFront를 통해 HTTPS를 적용하여 SSL인증을 보다 쉽게 구성한 사례 및 방법을 공유하려고 합니다. HTTPS란 우리가 보통 사용하는 웹 사이트를 보면 https://cheoltecho.tistory.com 처럼 HTTPS 프로토콜을 사용하며, 다음과 같이 자물쇠 모양으로 보안 연결이 되어 있는 것을 확인할 수 있습니다. 반면에 우리가 로컬 개발 시 실행하는 API 서버나, 클라이언트 서버는 http://localhost:8080 처럼 HTTP 프로토콜을 사용하는 것을 쉽게 볼 수 있습니다. 이렇듯 보안 연결이 사용되지 않았다고 경고하며, 웹 사이트에 대한 신뢰성이 떨어지게 됩니다. H.. 공감수 3 댓글수 0 2023. 5. 31.
[Reminder] SSAFY 1학기 결실, 관통 프로젝트 회고(최우수상) 들어가며 "마음속 하나씩 있는 여행하고 싶은 마음을 계획하면서 키워보아요" - Trip Seed - SSAFY 입과한지 벌써 5개월이 지난 지금 1학기를 마치며 4주 동안 몰입하여 프로젝트를 진행했습니다. "여행 계획 및 정보 공유 커뮤니티 플랫폼 Trip Seed"를 개발하며 1학기 간 배웠던 스프링, Vue, DB, 알고리즘 모든 기술을 적용하며 서비스를 개발했습니다. 페어와 둘이서 기획부터 아키텍처 설계, 구현까지 모든 일을 해야해서 시간이 부족한 감도 없지 않아 있었지만 집중력 있게 프로젝트를 진행할 수 있었습니다. SSAFY에 입과할 당시 부족한 백엔드 지식과 역량을 채우고자 하여 지원했었습니다. 실제로 지난 1학기간 서블릿, JSP 기반의 MVC 구조의 게시판 구현과 Spring 기반 Rest.. 공감수 2 댓글수 0 2023. 5. 30.
갤럭시북3 프로 한 달 사용 후기 안녕하세요. 지난번에는 갤럭시 북 3 프로 언박싱 후기를 남겼는데 이번에는 한 달 동안 사용하면서 유용했던 기능에 대한 소개와 사용하며 느낀 점들을 리뷰하겠습니다. 디스플레이 디스플레이는 지난 언박싱 후기에서도 장점이라고 꼽았는데, 실제로 사용하면서 화면에 대한 큰 만족이 있었습니다. 화면 비율이 일반 노트북 대비 세로가 길기 때문에 알고리즘 문제를 풀거나 문서를 읽기가 편했습니다. 또한 온라인 응시 코딩테스트의 경우 더블모니터에 제한이 있어 노트북으로만 시험을 봐야하는 경우가 자주 있는데, 이 때에도 비교적 큰 화면으로 시험 응시하기 더욱 편안했습니다. 다만 큰 화면으로 인해 늘어난 무게와 휴대성은 조금 불편할 수 있습니다. 백팩에는 기존 갤럭시북 이온과 동일하게 잘 들어가지만, 크로스백 같은 경우에는.. 공감수 5 댓글수 1 2023. 4. 28.
[Reminder] 알고리즘에 진심인 사람들의 인터뷰 안녕하세요 SSAFYCial 박철순 기자입니다 : ) 벌써 SSAFY 입과 한 지 3개월 되어 가네요. 최근 "SW 역량 테스트"와 "기업 코딩테스트" 를 준비하며 많은 싸피생분들이 알고리즘 역량 향상에 대해 관심을 가지고 있는데요. 이번 포스팅이 알고리즘 관련 동기부여와 인사이트를 얻어 갈 수 있을 거라 생각합니다!! 이번에는 서울 16반의 "백준 플래티넘 등급"과 "삼성 역량테스트 B형 취득자" 5명을 대상으로 인터뷰를 진행했습니다. Q. 주 사용 언어를 정한 계기가 있다면 무엇인가요? [홍** 님] SSAFY에 입과하며 Java를 자연스럽게 사용하게 되었습니다. [이*승 님] 파이썬을 고른 계기는 기존에 사용하던 언어(Java, C++)보다 짧고 간결하게 코드를 작성할 수 있어서 고르게 되었고 Ja.. 공감수 9 댓글수 0 2023. 3. 25.
갤럭시북3 프로 16인치 후기 (베이지 언박싱) 안녕하세요. 철테코입니다. 이번에 싸피를 하면서 갤럭시북3 프로 체험단으로 선정되어 언박싱 후기를 남겨보려고 합니다. 모델명, 스펙 모델명: NT960XFG-KP71E CPU i7 (13세대) / RAM 16GB + (추가슬롯 1) / SSD 512GB + (추가슬롯 1) 화면 16인치 / 베이지 / 무게 1.56kg 갤럭시북3 프로 장점 기존 사용하던 갤럭시북 이온(20년도 구매)과 비교했을 때 코딩하면서 느낀 장점 5가지를 정리하면 다음과 같습니다. 장점 1. 큰 모니터에서 오는 시원함, 120Hz 주사율이 주는 부드러움 디스플레이가 커졌고, 비율이 16:10 정도 비율로 문서, 코드를 보는데 더 가독성이 좋아졌습니다 [(좌)갤럭시 북 이온 vs (우) 갤럭시북3 프로] 화면 크기 비교 장점 2. 키.. 공감수 2 댓글수 0 2023. 3. 25.
[Reminder] 데이터베이스 MySQL만 쓸거야? 안녕하세요. SSAFYcial 박철순입니다. 이번에는 싸피인들의 데이터베이스에 대한 견해를 넓히고자, 프로젝트 진행 시 시도해볼만한 데이터베이스를 소개하려고 합니다. 지금까지 프로젝트를 하거나 실습을 할 때 MySQL을 대부분 사용했습니다. 하지만 현재 그 외에도 Oracle, Redis, Elasticsearch, Amazon DynamoDB 등 수많은 데이터베이스 시스템이 있습니다. 저는 그 중에 사용량이 급격히 증가하고 있는 PostgreSQL과 MongoDB를 소개하겠습니다. PostgreSQL과 MongoDB 출처: https://db-engines.com/en/ranking DB 트렌드 랭킹을 보면 PostgreSQL과 MongoDB 의 사용량이 급격히 늘어난 것을 볼 수 있습니다. Postg.. 공감수 2 댓글수 0 2023. 2. 28.
[Reminder] Spring Cloud Netflix로 알아보는 MSA 안녕하세요! SSAFY 9기 기자단으로 활동 중인 박철순 기자입니다. 오늘은 현대화 애플리케이션의 대표 구조인 MSA 와 함께 백엔드에서 MSA를 실제 구현할 수 있는 Spring Cloud Netflix를 소개해드리겠습니다. [MSA vs Monolithic] Monolithic Architecture 모놀리틱 아키텍처는 소프트웨어 모든 구성 요소가 한 프로젝트에 통합된 형태로 기존까지 많이 쓰이던 아키텍처입니다. Micro Service Architecture(MSA) MSA는 작고, 독립적으로 배포 가능한 각각의 기능을 수행해야 하는 서비스로 구성된 프레임워크입니다. 각 서비스는 완전히 독립적 배포가 가능하고, 다른 기술 스택이 사용 가능합니다. Monolithic의 한계 부분의 장애가 전체 서비스.. 공감수 3 댓글수 0 2023. 2. 19.
[SSAFY 9기] 싸피 9기 입학식과 웰컴 키트 싸피 입과 후 2주차인 오늘 웰컴 키트를 받았다😀 점심 시간만되면 커피를 마시는 싸피생들의 필수템 텀블러와 브이로그 찍기를 원하는건지 모르겠는 짐벌 단체로 입으면 개발자가 된듯한 느낌을 줄 수 있는 후드티(아침에 선착순으로 색상 받았는데. 다행히 검은색 후드티를 받았습니다. 파란색은 피해서 다행입니다😀) 싸피 명찰도 있는데 9기는 초록색! 8기는 주황색이었습니다 공감수 1 댓글수 0 2023. 1. 19.
[SSAFY 9기] 싸피란 무엇인가? 이번 싸피 9기에 합격하여 1월부터 교육을 시작했다. 주변에서 "싸피가 뭐야?", "교육 듣는 거라고?", "삼성에서 교육 시켜주는 거야?" 물어보는 경우가 많다. 그래서 이번 기회를 통해 싸피에 대해서 정확하고 알기 쉽게 전달하려고 한다! 싸피(SSAFY)란 삼성 청년 SW 아카데미의 줄임말로 삼성과 고용노동부의 지원으로 취준생에게 고품질의 SW교육을 제공해주는 프로그램이다. 요즘 네이버 부트캠프, 우테코, 42서울 등등 많은 부스트캠프가 있지만 그 중에서 싸피는 다양한 혜택이 제공된다. 싸피 혜택 1. 월 교육 지원금 100만원 지원 2. 삼성의 SW전문가가 참여한 커리큘럼 제공 3. 전공자, 비전공자 수준에 따른 반 운영 및 맞춤형 교육 제공 4. 실무 프로젝트를 통한 포트폴리오 및 실무 개발 역량.. 공감수 4 댓글수 2 2023. 1. 13.
[Next.js] react query 적용 및 사용하기 Next.js란 리액트 프레임워크로 서버사이드 렌더링을 가능하게 하는 프레임워크입니다. 기존 리액트는 라우팅 등 개발에 필요한 수많은 라이브러리를 각각 추가해줘야 하는 번거로움이 있었는데 Next.js는 이러한 프론트엔드 개발에 필요한 다양한 기능을 내장 라이브러리로 제공합니다. 또한 추가적으로 서버 사이드 렌더링이 가능하여 SEO에 유리한 웹을 개발할 수 있습니다. 1. _app.js // _app.js import React from 'react'; import '../styles/globals.css' import { wrapper } from "../store/store"; import { Hydrate, QueryClient, QueryClientProvider } from 'react-quer.. 공감수 1 댓글수 0 2022. 3. 15.
[리덕스] React - Redux의 전반적인 이해, 2022 기존에 프로젝트를 진행할 때 상태관리에 있어서 리덕스 구조를 사용해 왔습니다. 그런데 최근 리덕스 Tool-kit이 나오고 공식 홈페이지에서도 이를 적극 활용할 것을 추천하고 있습니다. 이번 글에서는 React-Redux 프로젝트의 생성 과 생성하면 기본적으로 세팅되는 Redux 구조와 State 관리에 대해서 알아보려고 합니다. 설치 리액트 + 리덕스 프로젝트 생성 프로젝트를 만들 폴더에서 VSCode에서 터미널을 열고, 다음과 같은 명령어를 입력합니다. npx create-react-app [프로젝트 명] --template redux 기존 프로젝트 + 리덕스 만약 기존 프로젝트에 리덕스를 추가하고 싶다면 다음과 같은 명령어를 통해 리덕스를 추가할 수 있습니다. redux, react-redux np.. 공감수 1 댓글수 0 2022. 1. 25.
node.js와 npm 최신 버전으로 업데이트하기 (window 윈도우) 팀원들과 함께 이번 프로젝트를 시작하기에 앞서 팀원들과 협업을 위해서 npm이랑 node.js의 버전을 같이 맞추는 것이 좋을 것 같아 정리하여 공유하려고 한다. 우선 현재 버전을 확인해 보자. node -v npm -v node.js 사이트에서 최신 버전을 확인할 수 있다. https://nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 최신 버전이 되게 금방금방 바뀌는 것을 볼 수 있다. 학기 중에는 업데이트를 지속적으로 확인하고 업데이트 하기는 어려우니까 새 프로젝트를 시작할 때 만큼은 해주어야 할 것 같다. 우리 팀은 나를 포함하여 거의 Window를 사용하.. 공감수 5 댓글수 0 2022. 1. 25.
[리액트] 리액트 프로젝트 생성하기 1. 폴더 생성 프로젝트를 생성할 폴더를 하나 만든다. 2. VSCode Terminal에서 명령어 입력 VSCode에서 Terminal을 열고 npm install -g create-react-app npm 모듈인 'create-react-app'을 설치한다. 그 다음 아까 만들어진 폴더에서 다음과 같이 프로젝트를 생성한다. npx create-react-app my-app 명령어를 입력한다. "my-app"부분에 만들 프로젝트 명을 사용하면 된다. 다음과 같이 리액트를 실행할 준비가 되었다. 3. 실행하기 npm start 다음과 같은 명령어를 터미널에서 해당 폴더에서 실행하면 우리가 만든 리액트 앱을 실행할 수 있다. http://localhost:3000/ 인터넷 주소에 위의 주소를 입력하면 실행.. 공감수 1 댓글수 0 2022. 1. 25.
[HTML/CSS] CSS의 모든 것 CSS는 Cascading Style Sheets의 약자로 콘텐츠의 글꼴, 색상, 크기 및 간격을 조정하거나 여러 열로 분할하거나 애니메이션 및 기타 기능을 추가하는 웹 페이지 스타일과 레이아웃에 사용된다. # CSS 적용 방법 1. 외부 CSS 파일 적용 방법 CSS 파일의 적용은 .css 파일을 별도로 작성하고, HTML의 에 참조한다. 이러한 방식을 가장 많이 사용한다. 구조와 스타일의 분리를 통해 유지보수성을 높여주기 때문이다. 헬로우 월드! 이것은 나의 첫 번째 CSS 예제입니다 2. 내부 CSS 적용 방법 외부 CSS 파일 대신, HTML의 헬로우 월드 이것은 나의 첫 번째 CSS 예제입니다 3. 인라인 스타일 인라인 스타일은 style 속성을 두어 한 요소(태그)에만 영향을 주는 CSS 선언.. 공감수 1 댓글수 1 2022. 1. 22.
[HTML/CSS] HTML Tag와 용도와 쓰임 프론트 엔드 공부를 시작했다면 HTML, CSS, Javascript는 필수적으로 배워야 한다. 또한 이들을 자유자재로 사용할 줄 알아야 한다. https://www.advancedwebranking.com/seo/html-study/ HTML Study Overview This HTML usage data comes from 11.3 million index pages gathered from top twenty Google results, for about 30 million keywords - chosen by keyword volume. To learn more about this data, visit the FAQ section. Total 11,264,652 pages Doctype The w.. 공감수 1 댓글수 1 2022. 1. 21.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.