전체 글
-
TypeScript 4.6 Release Note토막글 2022. 3. 10. 01:18
이 문서는 Microsoft 의 Announcing Typescript 4.6 문서를 번역 및 요약한 문서이며 원활한 설명을 위해 글에 작성되어 있지 않은 의역이 들어가 있습니다. 이 과정에서 의도치 않게 문맥을 해쳤을 가능성이 있으니, 좀 더 정확한 정보를 원하시는 경우 공식 문서를 참고해주시면 감사하겠습니다. 해당 문서는 마크다운으로 작성되었기 때문에 티스토리에서 호환이 제대로 되지 않아 글자가 깨지는 문제가 있습니다. 만약, 이에 대해 불편함을 느낀다면 아래 파일을 다운받아 pdf 로 봐주시면 감사하겠습니다. 개요 Allowing Code in Constructors Before super() Control Flow Analysis for Destructured Discriminated Unions..
-
야 너두 자동 배포 할 수 있어 with AWS CodeDeploy토막글 2021. 8. 18. 09:24
안녕하세요 !! 오늘은 AWS CodeDeploy + Github Action + EC2 + S3 를 사용해 자동 배포를 구현한 경험을 공유하려고 합니다. 들어가기에 앞서, 저는 devOps 생초보이므로 중간에 어색하거나 쓸모 없는 로직이 포함되어 있을 수 있습니다 :( 만약 수정이 필요한 내용이 있다면 댓글이나 jong951005@gmail.com 으로 메일을 보내주시면 감사하겠습니다!! 글의 내용은 AWS CodeDeploy에 대한 간단한 설명과 구현 순서로 이루어집니다. AWS CodeDeploy 가 뭐지...?? AWS CodeDeploy는 EC2 / on-premises 인스턴스들, ECS, serverless lambda function 등 여러 서비스 애플리케이션 배포를 자동화하는 서비스입니..
-
SVG 왕초보와 함께하는 그래프/차트 만들기 - 2. 직선, 곡선 그래프토막글 2021. 8. 2. 13:38
안녕하세요 :) 이번엔 SVG로 곡선 그래프를 만들어본 경험을 공유해보려 합니다. 앞서 SVG 왕초보와 함께하는 그래프/차트 만들기 - 1. 도넛 차트 를 읽고 오신 분이 아니라면, 해당 글에서 설명했던 내용들이 비슷하게 다시 나오기 때문에 도넛 차트를 구현하실 분이 아니더라도 읽고 와주시면 더 이해가 빠를거예요! 다만 d attribute의 A command는 안 쓸거니 스킵하셔도 됩니다. (해당 글 2번 섹션에 있음) 이번에도 결과부터 보자면, 왼쪽의 데이터가 오른쪽 차트로 보이게 됩니다. 구현 순서 구현 순서를 요약해 말해보자면 다음과 같습니다. 요번엔 3번이 고비예요 데이터를 그래프 좌표로 변환하기 직선 그래프 그려보기 곡선 그래프를 위한 control point 만들기 (control point..
-
SVG 왕초보와 함께하는 그래프/차트 만들기 - 1. 도넛 차트토막글 2021. 8. 2. 11:10
안녕하세요 :) 오늘은 SVG로 도넛 차트를 만들어본 경험을 공유해보려 합니다. 단지 한, 두 가지 차트를 위해 Chart.js 같은 라이브러리를 사용하는 것은 기술 남용이라고 생각합니다. 이와 비슷한 생각을 가지시고 웹 세계를 떠돌아다니시는 분들이 있다면 나쁘지 않은 자료가 될 것이라 생각합니다 :) 결과부터 보자면, 왼쪽의 데이터가 오른쪽 차트로 보이게 됩니다. 구현 순서 위와 같은 호를 그리기 위한 순서를 요약해 말해보자면 다음과 같습니다. 참고로 말하자면 저는 2번이 고비였습니다. 😅 SVG viewBox 설정 각 영역을 호로 그려보기 호로 그린 영역을 fill : none으로 바꾸고 stroke 를 사용해 그리기 각 영역마다 animation 주기 viewBox 개선 및 hover 시 scale..
-
우아한테크캠프 4기 첫 달을 회고해봅니다.주절주절 2021. 7. 30. 22:36
안녕하세요 :) 오랜만에 블로그 글을 작성합니다. 저는 현재 우아한테크캠프 4기 교육생으로 선정되어 7월 5일부터 시작되는 약 두 달간의 교육을 받고 있습니다. 캠프에서 주어지는 프로젝트 요구사항을 정신없이 수행하다가 약 한 달이 지난 오늘 문득 초심과 앞으로의 방향성을 다시 잡고 싶었습니다. 이를 위해 그 동안의 과정을 회고할 필요가 있다고 느껴져서 여태까지의 과정 및 소감을 적어보려 합니다. 6월 23일, 눈물의 합격 발표 메일 4/28일 면접 접수부터 시작하여 1차, 2차, 그리고 면접을 보고 메일을 기다리면서, 너무 긴장돼 맨정신으로 있을 수가 없었습니다. 당시 맥주를 함께 마시던 친구가 왜 이렇게 긴장하고 있는지 물어봤습니다. 생각해 본 결과 세 가지 이유가 있었는데요. 첫 번째로 개발자의 길로..
-
한강 프로젝트 2. Canvas API 를 사용한 시간표 만들기개발기/한강 프로젝트 2021. 6. 21. 17:53
목차 한강 프로젝트 0. 첫 끗발이 개 끗발이다 (설계) 한강 프로젝트 1. 자동 로그인!! (Auth 페이지 - 로그인, 회원가입, 아이디, 비밀번호 찾기) 한강 프로젝트 2. Canvas API 를 사용한 시간표 만들기 (시간표 페이지) 한강 프로젝트 3. (강의평 페이지) 한강 프로젝트 4. (강의자료 페이지) 한강 프로젝트 5. (강의자료 상세 페이지) 한강 프로젝트 6. (강의평 상세 페이지) 한강 프로젝트 7. (메인 페이지) 한강 프로젝트 8. (배포) 한강 프로젝트 9. (회고) 한강 프로젝트 10. (분석) - Google Analytics를 이용한 웹 로그 분석 잘못된 정보를 기술한 부분이 있다면 댓글이나 jong951005@gmail.com 으로 지적해주시면 감사하겠습니다!! 안녕하세..
-
한강 프로젝트 1. 자동 로그인!!개발기/한강 프로젝트 2021. 6. 6. 23:34
목차 한강 프로젝트 0. 첫 끗발이 개 끗발이다 (설계) 한강 프로젝트 1. 자동 로그인!! (Auth 페이지 - 로그인, 회원가입, 아이디, 비밀번호 찾기) 한강 프로젝트 2. Canvas API 를 사용한 시간표 만들기 (시간표 페이지) 한강 프로젝트 3. (강의평 페이지) 한강 프로젝트 4. (강의자료 페이지) 한강 프로젝트 5. (강의자료 상세 페이지) 한강 프로젝트 6. (강의평 상세 페이지) 한강 프로젝트 7. (메인 페이지) 한강 프로젝트 8. (배포) 한강 프로젝트 9. (회고) 한강 프로젝트 10. (분석) - Google Analytics를 이용한 웹 로그 분석 잘못된 정보를 기술한 부분이 있다면 댓글이나 jong951005@gmail.com 으로 지적해주시면 감사하겠습니다!! 안녕하세..
-
한강 프로젝트 0. 첫 끗발이 개 끗발이다개발기/한강 프로젝트 2021. 5. 29. 20:02
목차 한강 프로젝트 0. 첫 끗발이 개 끗발이다 (설계) 한강 프로젝트 1. 자동 로그인!! (Auth 페이지 - 로그인, 회원가입, 아이디, 비밀번호 찾기) 한강 프로젝트 2. Canvas API 를 사용한 시간표 만들기 (시간표 페이지) 한강 프로젝트 3. (강의평 페이지) 한강 프로젝트 4. (강의자료 페이지) 한강 프로젝트 5. (강의자료 상세 페이지) 한강 프로젝트 6. (강의평 상세 페이지) 한강 프로젝트 7. (메인 페이지) 한강 프로젝트 8. (배포) 한강 프로젝트 9. (회고) 한강 프로젝트 10. (분석) - Google Analytics를 이용한 웹 로그 분석 잘못된 정보를 기술한 부분이 있다면 댓글이나 jong951005@gmail.com 으로 지적해주시면 감사하겠습니다!! 안녕하세..