임대일

Do it! HTML+CSS+자바스크립트 웹 표준의 정석 | 고경희 - 교보문고Do it! HTML+CSS+자바스크립트 웹 표준의 정석 | ‘웹 표준의 정석’ 시리즈의 최신 개정판과 함께 웹 개발의 3대 기술을 끝낸다!웹 분야 도서 《Do it! HTML+CSS+자바스크립트 웹 표준의 정석》이 전면product.kyobobook.co.kr 개인적으로 공부하면서 모르는 부분 혹은 다시 공부할 때 많은 도움이 될 것이라고 생각되는 부분으로 요약한 정리글입니다. 모든 내용을 정리하지 않다는 점을 참고해주세요! 01-3 웹 의 기본 동작 이해하기 웹 개발을 공부한다면 서버에 있는 정보가 어떻게 웹 브라우저로 전달되고, 화면에 표시되는지는 알고 있어야한다. 여기에서는 웹의 동작 방법을 이해하려면 반드시 알아야 할..

인프런 - 라이프타임 커리어 플랫폼프로그래밍, 인공지능, 데이터, 마케팅, 디자인, 엑셀 실무 등 입문부터 실전까지 업계 최고 선배들에게 배울 수 있는 곳. 우리는 성장 기회의 평등을 추구합니다.www.inflearn.com 1. INFCON 2024 그리고 인프런인프콘 서포터즈로 다녀와서 여러 기업들의 굿즈도 받고 저명한 개발자 분들을 실제로 만나고 온 것을 회사와 주변에 자랑했는데, 인프런을 모르는 사람들이 꽤 있었다. 아직 인프런을 잘 모르는 분들이 있어서 인프런을 소개하고 후기를 작성하고자 한다. 올해로 세 번째 개최한 INFCON 2024 행사는 #프론트엔드 #백엔드 #아키텍처 # 데브옵스/인프라 #모바일 #AI #UIUX #PM 등 IT 업계와 밀접한 다양한 분야의 지식공유자와 성장에 열정적인..

1. 배경오늘날 회원 가입에서 휴대전화번호 혹은 이메일 인증 그리고 서드 파티 애플리케이션 인증을 흔하게 볼 수 있다. [회원, 인증] 도메인 담당한 경험이 있다면 언급한 세 가지 인증 수단 중에서 한 가지를 공부하거나 구현한 경험이 있을 것이라고 생각이 든다. 가장 흔한 인증 방식인 서드 파티 애플리케이션을 활용한 로그인 방식은 책 혹은 강의에서 흔하게 공부할 수 있다. 대표적인 서드 파티 애플리케이션은 카카오톡 인증 서비스가 있다. 스마트폰 앱과 웹 페이지 모두 제공해야 하는 서비스에서 서드 파티 애플리케이션 인증은 무상태(Stateless)를 준수하기 위한 최소한의 환경이기 때문에 탁월한 선택이라고 생각이 든다.(지금까지 경험으로 Stateless를 완벽하게 만족하는 것은 어려운 것으로 보인다.) ..

1. 유효성 검사 시점DTO 레코드 타입을 작성하다가 유효성 검사를 어느 시점에 수행해야 가장 최적인지 고민하면서 공부한 내용을 정리한 글이다. 좀 더 구체적인 고민하게 된 배경을 살펴보고 유효성 검사에 대표적인 어노테이션들에 대해 학습한다. 클라이언트가 회원 가입에 필요한 정보를 포함하여 서버로 요청을 보내는 시나리오에서 생긴 고민이다. 해당 시나리오의 프로젝트는 계층형 아키텍처(Layerd Architecture) 구조로 Controller, Service, Repository, Model로 구성되어 있다. 이러한 계층형 아키텍처 구조에서 클라이언트로부터 받은 요청 데이터에 대해 유효성 검사를 어느 시점에, 어떻게 작성해야 가장 적절한지 고민하게 됐다. 2. DTO와 Service에서 유효성 검사결론..

개발자를 위한 쉬운 도커 강의 | 데브위키 - 인프런데브위키 | 현업 개발자가 도커를 사용한 경험을 녹여낸 새로운 커리큘럼으로 기존 교재 및 강의와 차별된 강의를 제공합니다. 단순한 명령어 사용법이 아닌 도커를 왜 사용해야하는지 대한 근www.inflearn.com 1. 프론트엔드 컨테이너 생성하기이번 파트에서는 leafy 프론트엔드 이미지를 빌드한다. leafy 애플리케이션은 Vue.js로 개발된 프론트엔드 애플리케이션이다. 어떤 프레임워크를 사용하던 간에 프론트엔드 소스 코드는 HTML, JavaScript, CSS와 같은 파일들로 결과물을 빌드할 수 있다. 빌드한 파일들은 루트 디렉토리(./)에 dist라는 폴더에 만들어진다. 이 파일들을 nginx와 같은 웹서버의 특정 경로에 업로드하면 클라이언트..

개발자를 위한 쉬운 도커 강의 | 데브위키 - 인프런데브위키 | 현업 개발자가 도커를 사용한 경험을 녹여낸 새로운 커리큘럼으로 기존 교재 및 강의와 차별된 강의를 제공합니다. 단순한 명령어 사용법이 아닌 도커를 왜 사용해야하는지 대한 근www.inflearn.com 1. 백엔드 구성하기이번 시간에는 리피 백엔드 컨테이너의 이미지를 생성한다. leafy 백엔드 애플리케이션은 자바로 개발되어 있다. 자바로 개발된 소스코드는 jar 혹은 war라는 파일로 프로그램을 빌드할 수 있다. jar 혹은 war 파일을 실행시키려면 OS에 자바 런타임이 설치되어 있어야 한다. 그리고 소스코드를 애플리케이션으로 빌드하려면, Maven이나 Gradle이라는 빌드 프로그램이 필요하다. leafy에서는 Gradle을 활용한다...

개발자를 위한 쉬운 도커 강의 | 데브위키 - 인프런데브위키 | 현업 개발자가 도커를 사용한 경험을 녹여낸 새로운 커리큘럼으로 기존 교재 및 강의와 차별된 강의를 제공합니다. 단순한 명령어 사용법이 아닌 도커를 왜 사용해야하는지 대한 근www.inflearn.com 1. 데이터베이스 컨테이너 구성데이터베이스 컨테이너를 구성에 대해 학습한다. leafy application에서 사용할 데이터베이스는 PostgreSQL을 사용한다. PostgreSQL은 데이터를 저장하고 조회할 수 있는 데이터베이스 서버이다. PostgresSQL는 Nginx처럼 이미지에 소프트웨어가 포함되어 있기 때문에 별도의 설정없이 PostgresSQL 이미지만 실행해도 데이터베이스를 사용할 수 있다. 하지만 기본 이미지에는 아무 데이..

개발자를 위한 쉬운 도커 강의 | 데브위키 - 인프런데브위키 | 현업 개발자가 도커를 사용한 경험을 녹여낸 새로운 커리큘럼으로 기존 교재 및 강의와 차별된 강의를 제공합니다. 단순한 명령어 사용법이 아닌 도커를 왜 사용해야하는지 대한 근www.inflearn.com 1. leafy 애플리케이션이번 시간에는 실습용 애플리케이션인 leafy 애플리케이션을 소개한다. leafy는 식물을 관리하기 위한 웹 애플리케이션이다. 최근에 식물을 키우면서 불편했었던 점들을 해결하기 위해서 만들어 본 데모 애플리케이션이다. 식물을 키우면서 식물에 대한 정보를 검색하고 저장하는 것이 꽤나 번거로운 일이다. 그래서 식물에 대한 정보를 관리하고 키우는 식물 리스트를 저장하고 이 식물들의 상태를 기록하면서 물을 주는 시계를 표시..