Hayden's Archive

오픈소스 컨트리뷰션 아카데미 소개오픈소스 컨트리뷰션 아카데미(OSSCA)는 과학기술정보통신부가 주최하고 정보통신산업진흥원, 오픈소스 소프트웨어 통합지원센터가 주관, 한국IT비즈니스진흥협회가 운영을 맡고 있는데, 오픈소스 프로젝트 참여를 단계별로 경험할 수 있도록 돕는 곳이다. 크게 체험형과 참여형 두 가지 프로그램이 있으며,체험형은 Git의 활용과 오픈소스 프로젝트 컨트리뷰션 체험에 초점을 맞추고,참여형은 기본 역량을 갖춘 개발자가 선배 개발자 멘토 및 팀원들과 함께 실제 오픈소스 프로젝트에 직접 참여하여 실전 경험을 쌓는 프로그램이다.내가 지원한 프로그램은 이 중 참여형 프로그램이다.🔗 오픈소스 컨트리뷰션 아카데미 웹사이트 멘티 지원 동기와 참여 계기오래전부터 나는 오픈소스 기여에 꾸준히 관심이 있었..

1편에서 웹사이트를 처음 만들게 된 계기, 그리고 다국어 콘텐츠 구성이나 MDX 기반의 콘텐츠 설계 이야기를 했다면, 이번 2편에서는 조금 더 동적인 영역에 대한 이야기를 해보려고 한다.이번 편의 주제는 크게 두 가지다.하나는 내가 운영 중인 블로그(Medium & Tistory)에서 자동으로 최신 글을 불러오는 시스템을 어떻게 만들었는지,또 하나는 사용자와의 연결을 위해 만든 보안이 강화된 연락 폼 이야기다. 여러 플랫폼의 블로그 글을 언어 설정에 따라 자동으로 가져오기내 웹사이트에서는 프로젝트 문서 같은 콘텐츠는 직접 MDX 파일로 관리한다. 반면, 블로그 글은 Medium이나 티스토리 같은 외부 플랫폼에서 작성하고 RSS 피드를 통해 자동으로 불러오는 방식을 선택했다.이렇게 두 가지 방식을 병행하는..

개발자 웹사이트 제작을 결심한 이유 개발자인 나에게는 늘 머릿속 한 켠에 남아 있던 생각이 있었다. 내 자신을 제대로 표현하는 웹사이트가 없다는 것.내 블로그 글, 포트폴리오, 이력서 등이 여러 플랫폼에 흩어져 있었다. 단순히 이것들을 한곳에 모으는 것을 넘어서, 내 커리어와 철학, 그리고 작업물을 하나의 일관된 흐름으로 엮고 싶었다.내가 직접 만들고 다듬을 수 있는 공간이 필요했다. 내 정체성과 방향성을 정의하고 표현할 수 있는 장소 말이다.그러다 짧은 휴식 기간 동안 드디어 여유가 생겼고, 가장 먼저 떠오른 프로젝트가 바로 이것이었다.“지금 하지 않으면 아마 평생 못 할 거야.”그래서 결심했다. 그리고 바로 만들기 시작했다.기획, 콘텐츠 구조, 디자인, 프론트엔드와 백엔드 개발, 배포까지. 모든 걸 ..

리액트 디버깅 툴은 React Developer Tools를 설치해보자! 먼저 크롬 웹 스토어로 이동한다. https://chrome.google.com/webstore Chrome 웹 스토어 Chrome에 사용할 유용한 앱, 게임, 확장 프로그램 및 테마를 찾아보세요. chrome.google.com React Developer Tools 를 검색하고 크롬에 확장 프로그램을 추가한다. 이렇게 크롬 브라우저 우측 상단에 아이콘이 추가된 것을 확인할 수 있다. 리액트가 사용된 페이지에서는 이렇게 빨갛게 활성화된다. F12를 눌러 크롬 개발자 도구를 실행시켜보자. 크롬 개발자 도구의 Elements에서는 실제 브라우저가 이해하는 일반적인 HTML 코드만 나타나고 리액트의 자바스크립트 코드 자체는 나타나지 않..

JPA가 제공하는 기능 설계 : 엔티티와 테이블을 매핑 매핑한 엔티티를 실제 사용 EntityManagerFactory & EntityManager EntityManagerFactory 데이터베이스를 하나만 사용하는 애플리케이션은 일반적으로 EntityManagerFactory를 하나만 생성 EntityManager 엔티티를 관리하는 관리자 엔티티를 저장/수정/삭제/조회 등 엔티티와 관련된 모든 일을 함 참고) EntityManagerFactory와 EntityManager의 생성 관련 내용 https://hayden-archive.tistory.com/478 EntityManager는 데이터베이스 연결이 꼭 필요한 시점까지 커넥션을 얻지 않음 보통 트랜잭션을 시작할 때 커넥션 획득 하이버네이트를 포함한..

JPA 구현체로 하이버네이트를 사용하기 위한 핵심 라이브러리 hibernate-core : 하이버네이트 라이브러리 hibernate-jpa-2.1-api : JPA 2.1 표준 API를 모아둔 라이브러리 hibernate-entitymanager : 하이버네이트가 JPA 구현체로 동작하도록 JPA 표준을 구현한 라이브러리 hibernate-core와 hibernate-jpa-2.1-api를 함께 내려받음 매핑 어노테이션 어노테이션 설명 @Entity 이 클래스를 테이블과 매핑한다고 JPA에 알려줌 @Entity가 사용된 클래스=엔티티 클래스 @Table 엔티티 클래스에 매핑할 테이블 정보를 알려줌 @Id 필드를 Primary Key에 매핑 @Id가 사용된 필드=식별자 필드 @Column 필드를 컬럼에 매..

JPA는 이제껏 맛보기 수준으로만 경험해봤는데 그때그때 구글링으로만 얕은 지식을 쌓는 것은 한계가 있다고 느꼈다. 백기선님도 JPA를 쓸 거면 제대로 공부하고 써야 효과를 볼 수 있고 공부 안 하고 대충 구글링만 해서 쓸 거면 차라리 안 쓰느니만 못하다고 하셨음...( https://youtu.be/brE0tYOV9jQ ) JPA 공부해야지 계속 생각만 하고 있다가 이번에 사내 스터디를 통해 김영한님의 책으로 JPA 공부를 시작하게 되었다. 책의 두께를 보니 만만치 않겠다 싶지만... 스터디의 장점을 살려 약속한 분량을 꾸준히 읽다 보면 완독을 하게 될테니 조금씩 시간을 내서 꾸준히 읽어봐야겠다. 이건 내가 보려고 정리해두는 기록~! 도입 JPA는 크게 ①테이블을 어떻게 매핑해야 하는지에 관한 설계 부분..

주구장창 이클립스만 쓰다가 뒤늦게 인텔리제이로 넘어왔는데 너무 신세계다... 아니 이런 기능을 다...? 하면서 놀라워하고 빠른 구동 속도에도 감탄하고 있다. 너무 편리해서 이전으로 못 돌아갈 것 같은데 내 손가락이 이클립스 단축키에 최적화되어 있어서 인텔리제이 단축키에 적응하고자 내가 보려고 자주 사용하는 단축키 위주로 정리하고자 한다. 필요한 단축키나 설정이 생길 때마다 계속해서 업데이트 예정 Import 단축키 - 전체 import : Ctrl + Alt + O - 하나씩 import : 클래스 이름 클릭하고 Alt + Enter https://soungnote.tistory.com/21 [IntelliJ] Import 단축키 설정 Exlipse 에서는 CTRL + SHIFT + O 눌러 패키지를 ..

방통대 선형대수 강의를 듣고 공부 내용을 정리한 글입니다. 선형대수 도입 수학 해석학(Calculus) - 미분/적분 대수학(Algebra) 기하학(Geometry) 대수학 대수학(代數學)에서 대(代)는 대신한다는 의미 수를 대신한다 = 미지수 -> 결국 방정식 방정식에 관련해서 해를 구하는 방법들 선형대수(線形代數 : Linear Algebra) 선형대수는 대수학의 일종 Linear는 선의 모양 -> 결국은 일차방정식에 대한 것 기본 주제 : 일차연립방정식의 해법 다양한 수학적 도구 행렬 - 일차연립방정식을 달리 표현하면 행렬로도 표현. 로보틱스에도 사용됨 벡터공간 - 벡터들의 집합에 덧셈과 곱셈이 들어가있는 집합 선형변환 등등 - 선형변환의 대표적인 예가 컴퓨터그래픽스, 이미지 프로세싱에서 사용됨 수..

참고 : 스프링 부트와 AWS로 혼자 구현하는 웹 서비스 스프링 부트와 AWS로 혼자 구현하는 웹 서비스 가장 빠르고 쉽게 웹 서비스의 모든 과정을 경험한다.경험이 실력이 되는 순간!이 책은 제목 그대로 스프링 부트와 AWS로 웹 서비스를 구현합니다. JPA와 JUNIT 테스트, 그레이들, 머스테치, 스프링 book.naver.com 6) 스프링부트로 웹 서비스 출시하기 - 6. TravisCI & AWS CodeDeploy로 배포 자동화 구축하기 6) 스프링부트로 웹 서비스 출시하기 - 6. TravisCI & AWS CodeDeploy로 배포 자동화 구축하기 이번 시간엔 배포 자동화 환경을 구축하겠습니다. (모든 코드는 Github에 있습니다.) 6-1. CI? 이전 시간에 저희는 스프링부트 프로젝트..