Docker란?컨테이너를 사용하여 각각의 프로그램을 분리된 환경에서 실행 및 관리할 수 있는 툴컨테이너(Container)란?하나의 호스트 컴퓨터 환경 안에서 구성되는 독립적인 컴퓨터 환경각 환경에 프로그램을 별도로 설치해서 운영 가능호스트 커널을 공유하여 가상 머신보다 가볍고 빠르게 시작·종료 가능각각의 컨테이너는 독립된 파일 시스템, 네트워크 인터페이스, 프로세스 공간을 가짐이미지(Image)란?컨테이너를 생성하기 위한 읽기 전용 템플릿애플리케이션 실행에 필요한 파일 시스템 스냅샷(코드, 라이브러리, 설정 등)을 계층(layer) 형태로 정의이미지는 Dockerfile로부터 빌드되며, Docker Hub 등의 레지스트리에 저장·공유 가능Docker를 사용하는 이유환경 일관성(Consistency)개발..

클라이언트-서버 개념네트워크두 개 이상의 컴퓨터들 간의 연결클라이언트-서버 시스템클라이언트서비스를 요청(Request)하는 컴퓨터서버서비스를 전송(Reply)하는 컴퓨터What is URLURL네트워크 상의 자원을 나타내는 주소https://never.com:8000/article/12345?page=2&size=12프로토콜(Protocol)https 부분이 해당컴퓨터끼리 네트워크 통신을 할 때 사용하는 규칙HTTPS, SMTP, FTP, SSH… etcHTTP클라이언트와 서버 간의 통신을 위한 프로토콜HTTPSHTTP에 보안 기능이 강화된 프로토콜(HTTP + Security)호스트(Host)never.com 부분이 해당네트워크에서 서로를 구분하기 위한 주소데이터 전송 경로를 확립해주는 역할도메인사람이..

Figma란?Figma온라인에서 사용할 수 있는 디자인 툴자체 클라우드에 저장되는 방식으로, 오프라인으로 파일 저장 없이 실시간으로 저장하면서 사용PPT보다 훨씬 기능이 많고, 포토샵보다 가벼움직관적인 인터페이스로 다른 디자인 툴에 비해 쉽게 활용 가능웹, 앱, 인터페이스 디자인 등 다양한 분야에서 사용UX/UI 디자인 및 프로토타입 제작을 위한 기능 제공디자인과 개발 과정에서 필요한 여러 협업 기능을 지원Figma를 배워야 하는 이유개발 / 디자인 간의 일관성 유지과거에는 UI 디자인 작업에 주로 어도비 포토샵이 사용되었고, 디자인 핸드오프는 PPT 파일을 통해 이루어졌다. 이러한 작업 방식은 디자인 파일을 다시 공유하거나 수정사항을 반영하는 과정에서 번거로움이 많았고, 이로 인해 디자이너와 개발자 간..

Git 개념git버전 관리 시스템(VCS : version control system)파일의 변화를 시간에 따라 기록하고, 나중에 특정 시점의 버전을 불러올 수 있는 시스템git의 용도이력 관리소프트웨어의 history를 남길 수 있음특정 시점의 작업 위치로 돌아갈 수 있음협업다른 사람의 작업 내용을 확인할 수 있음여러 사람이 효율적으로 소프트웨어를 개발하도록 함github로컬 저장소내 PC에 파일이 저장되는 개인 전용 저장소.git 파일원격 저장소파일이 전용 서버에서 관리되며, 여러 사람이 함께 공유하기 위한 저장소GithubCLI vs GUI깃을 사용하는 두 가지 방법CLI(Command-Line Interface)키보드로 명령어를 입력하면서 사용하는 방법GUI(Graphical User Interf..

CSS란 무엇인가?CSS를 모든 파트가 배워야 하는 이유우리는 팀이니까사람들의 시선을 끌 수 있고 사용자 경험을 고려한 디자인은 웹/앱 서비스의 필수 요소프론트엔드를 제외한 나머지 파트도 스타일링(CSS)의 기초 정도는 알아야 한다!CSS란?CSS(Cascading Style Sheet) : HTML로 작성된 문서가 웹사이트에서 표현되는 방법을 정해주는 스타일 시트 언어프로그래밍 언어가 아니다용어 정리선택자 : CSS 규칙을 적용할 요소를 정의속성 : 어떤 스타일을 적용할 것인지 속성 명시값 : 각 속성에 부여되는 값CSS를 적용하는 방법인라인(inline) Style스타일을 적용시키고 싶은 태그에 직접 style 속성을 부여하는 방법간편하다는 장점을 가지고 있지만 적용해야 되는 스타일이 많아질수록 가독..

왜 HTML/CSS를 배워야 할까?기본적인 웹 이해HTML과 CSS는 웹 개발의 기본적인 기초를 이루는 기술이다.모든 팀원이 이 두 기술에 대한 이해를 갖추면, 웹 개발의 구조와 디자인을 보다 잘 이해할 수 있다.이는 프론트엔드, 백엔드, 디자이너, 프로젝트 매니저 등 모든 역할에서 중요한 기반이 된다.협업을 위한 공통 언어각 역할이 다르지만, 웹 개발에서 HTML과 CSS는 모든 개발자가 직면하는 핵심 요소!이를 이해하면, 다른 팀원들과 원활한 커뮤니케이션과 협업이 가능해진다.예) 디자이너: 프론트엔드 개발자님, 푸터의 패딩 값 다시 한 번 확인해주세요!HTML과 CSS는 웹 개발의 기초이자, 모든 역할에서 원활한 협업과 효율적인 프로젝트 진행을 위한 중요한 출발점이다. Product Manager어떤..

강의명 : 스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술지식공유자 : 김영한https://www.inflearn.com/course/%EC%8A%A4%ED%94%84%EB%A7%81-%EC%9E%85%EB%AC%B8-%EC%8A%A4%ED%94%84%EB%A7%81%EB%B6%80%ED%8A%B8 [지금 무료]스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술 강의 | 김영한 - 인프런김영한 | , 스프링 학습 첫 길잡이! 개발 공부의 길을 잃지 않도록 도와드립니다. 📣 확인해주세요!본 강의는 자바 스프링 완전 정복 시리즈의 첫 번째 강의입니다. 우아한형제들 최연소 기술이www.inflearn.com비즈니스 요구사항 정리데이터 : 회원ID, 이름기능 : ..

강의명 : 스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술지식공유자 : 김영한https://www.inflearn.com/course/%EC%8A%A4%ED%94%84%EB%A7%81-%EC%9E%85%EB%AC%B8-%EC%8A%A4%ED%94%84%EB%A7%81%EB%B6%80%ED%8A%B8 [지금 무료]스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술 강의 | 김영한 - 인프런김영한 | , 스프링 학습 첫 길잡이! 개발 공부의 길을 잃지 않도록 도와드립니다. 📣 확인해주세요!본 강의는 자바 스프링 완전 정복 시리즈의 첫 번째 강의입니다. 우아한형제들 최연소 기술이www.inflearn.com정적 컨텐츠정적 컨텐츠 스프링 부트의 정적 컨텐츠 기능이..

강의명 : 스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술지식공유자 : 김영한https://www.inflearn.com/course/%EC%8A%A4%ED%94%84%EB%A7%81-%EC%9E%85%EB%AC%B8-%EC%8A%A4%ED%94%84%EB%A7%81%EB%B6%80%ED%8A%B8 [지금 무료]스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술 강의 | 김영한 - 인프런김영한 | , 스프링 학습 첫 길잡이! 개발 공부의 길을 잃지 않도록 도와드립니다. 📣 확인해주세요!본 강의는 자바 스프링 완전 정복 시리즈의 첫 번째 강의입니다. 우아한형제들 최연소 기술이www.inflearn.com 사전 설정 자바 17 이상 설치IDE : Intelli..