Go민보다 Go

프론트엔드 개발자

분류 전체보기 51

[옵시디언] 시작하기

심심해서 정리하는 옵시디언 개요 옵시디언이란? 공식 사이트 소개 윈도우용으로 설치하기 vault, 보관소 생성하기 새로운 폴더, 파일 생성하기 주요 아이콘 설명 옵시디언이란? *마크다운 형식으로 기록을 관리할 수 있는 어플로 데스크톱, 패드, 모바일 모두 사용이 가능합니다. 다만, 각각 개별로 저장할 수도, 연동하여 사용할 수도 있습니다. 쉽게 말하자면 커스터마이징이 정말 잘 되는, 메모장을 관리하는 어플? 연동을 위해서는 Obsidian Sync 라는 동기화 기능을 결제해야 하며, 달에 8달러 정도입니다. 그래서 깃허브를 사용할 수 있다면 데스크톱끼리는 깃허브를 통해 연동을 해놓고 사용하기도 합니다. 기본적으로 정말 개인이 기록하기 위해 사용할 수도 있고, 깃허브나 블로그에 연동하여 문서를 관리하는 용..

Update/tools 2024.01.20

기술 문서 작성을 위한 초안 만들기

이전글 보러가기 >> 2024.01.14 - [Read] - 기술 문서 작성을 위한 문서 유형 🐾들어가며 Docs for Developers 의 chapter 3 문서 초안 만들기를 읽고 정리하였습니다. 다루는 주제는 아래와 같습니다. 도구 선택 개요 작성 초안 작성 초안을 작성할 때 작성이 막혔을 때 템플릿으로 작성하기 책에서는 순서를 부여하지 않았지만, 저는 단계별로 있는 게 이해하기 쉬워서 순서 목록으로 작성했습니다! 그러다보니 리스트 형태로 정리했는데, 각 단계별로 생각할 점을 체크 리스트로 만들어 보는 것도 좋을 듯 합니다. 읽은 내용을 정리하는 것이기에 최대한 사견을 빼고, 제 것으로 만들기 위해 이해한 대로 순서를 재배치하면서 정리했습니다. 평소 생각하지 못했던 것들은 인용구로 강조하여 적었..

Read 2024.01.19

GPT, JS 타입 변환에 대한 성능 차이가 발생하는 이유

✨ 궁금해서 JS에서 타입 변환을 할 때 별도의 타입 캐스팅을 하느 것보다 연산자를 이용하여 강제 변환을 하는 편이 더 빠르다. 결과만 알고 있던 것인데, 스터디를 하는 분께서 자바에서의 출력 방법 두 개를 비교할 때, 컴퓨터 구조와 관련하여 설명하는 것을 보았습니다. 그래서 JS에서는 왜 그런지, 컴퓨터 구조적으로 볼 수 있을 지에 대해 생각해보았습니다. 자바스크립트에서 타입은 동적으로 정해지고, 타입 캐스팅을 위해 String, Boolean, Number 등의 메서드를 쓰면 어셈블리어로 해석하는 과정에서 참조를 따라 스코프를 올라가고 새로운 결과값을 반환하는 과정이 추가됩니다. 그러니 둘이 같은 타입의 경우 바로 연산에 들어갈 수 있는 것과 차이가 크지 않을까, CPU 자체에서도 데이터의 타입에 의..

Read 2024.01.16

기술 문서 작성을 위한 문서 유형

🐾들어가며 Docs for Developers 의 chapter 2 문서화 계획하기를 읽고 예시를 찾아보면서 같이 정리했습니다. 이번 챕터에서는 각 문서의 종류와 문서를 작성하기 위한 포괄적인 계획을 세워보는 것을 목표로 합니다. ✨본격적으로 ✅문서의 유형 코드 주석, 리드미, 시작하기, 개념, 절차, 참조 문서 문서의 종류는 위와 같이 6가지로 소개하고 있습니다. 그 중 개발 문서라고 하면 흔히 생각나는 API와 RELEASE NOTE 등은 REFERENCE 유형입니다. ✅각 문서의 특징과 예시 이제 유형을 하나씩 보면서 어떤 특징이 있는지 등에 대해 정리해보겠습니다. 또한, 그동안 공식 문서들을 읽을 때 대부분 비슷한 형태로 쓰여져 있는지 알 듯 합니다. 그래서 예시를 좀 찾아보면서 비교해보려고 합니..

Read 2024.01.14

깃허브로 스터디 진행하기

🐾들어가며 여러가지 스터디를 진행하면서 어떻게 기록을 잘 남길 수 있을까 고민했습니다. 기록을 한 곳에 축적하여 히스토리가 생겨야 한다. 기록을 꾸준히 주기적으로 남겨야 한다. 위의 두 가지 조건을 모두 충족하면서 앞으로도 계속 쓰게 될 깃허브를 선택했습니다. 처음에는 깃허브로 쓰는 것이 어색했지만, 이제는 옵시디언과 같이 사용하여 md 파일을 잘 관리할 수 있게 되었고, 다른 사람들과 협업하는 것도 익숙해져서 이번 스터디에서는 깃허브에 기록하는 것을 적극적으로 하고 있습니다. 그래서 이번에 어떻게 깃허브를 이용하여 스터디를 진행하는지 남겨보려고 합니다! ✨본격적으로 ✅커밋을 활용하자 현재 운영체제 책을 읽고 정리하여 퀴즈까지 준비하는 스터디를 하고 있습니다. 그래서 정리한 내용을 한 곳에서 공유할 수 ..

Update 2024.01.12

저자의 밤 | 20231217

저자의 밤 행사 후기로 글을 썼고, 해당 글이 책을 통해 발간되어 기존 글 중 일부를 두고 공개합니다! 자세한 내용은 아래 링크를 통해 책을 봐주시면 감사드려요! https://bookk.co.kr/bookStore/658febd6e571aee94d9b89e6 어른이들의 세발자전거 - 박규성, 유승완, 주명훈, 임희지, 이원미, 양혜은, 박상권, 강태화, 이지 삶은 때때로 예상치 못한 길을 우리 앞에 펼쳐놓습니다. '어른이들의 세발자전거'는 이러한 길 위에서 만난 이야기들을 모아 엮은 책입니다. 글쓰기... bookk.co.kr 기존 글은 보호글로 비밀번호가 있어야 들어올 수 있었는데, 공개로 바꾸면서 이메일 노출이 있어 기존 댓글을 삭제했습니다! 후기의 일부 일요일 저녁 저자의 밤 행사에 참여했습니다...

Delete/후기 2024.01.09

2023년까지의 이야기

건축학과에 다니던 경험 고등학교 때 TV에 나오던 건축가는 매우 자유로워 보였습니다. 꾸준히 성장하고 몰입하는 모습을 동경하여 건축가라는 꿈을 가졌습니다. 그래서 2016년 건축학과에 입학했습니다. 어려운 가정 형편, 어두운 성격, 한 지역에서만 자란 토박이로 좁은 시야를 가졌던 저에게는 큰 변화였습니다. 그러나 3일 밤을 새면서 몸을 망치면서 과제를 해도 좋은 결과를 얻지 못하였습니다. 그래서 결국 2학년 1학기를 마치고 휴학을 했습니다. 컴퓨터를 사기 위해 아르바이트를 했습니다. 다음 학기에 쓸 생활비도 넉넉하게 모으고 싶었습니다. 그래서 6개월 동안 아르바이트만 하면서 지내고 다시 복학하여 2학년을 다녔습니다. 재수강을 하면서 좀 더 익숙한 상태로 도전해봤지만, 결과는 또 안 좋게 반복되었습니다. ..

Story 2023.12.27

[Con-Tech] 블로그 모음

콘테크 분야에 대해서 계속 찾아보고 있습니다. 이렇게 모아두는 곳이 따로 없어 제가 보기 편하려고 모으고 있습니다. 메이사 https://meissa.ai/blog/?q=YToyOntzOjEyOiJrZXl3b3JkX3R5cGUiO3M6MzoiYWxsIjtzOjQ6InBhZ2UiO2k6Mjt9&page=3 Meissa 공간 정보로 인류의 첫 걸음을 편리하게 | Spatial data platform. Meissa Inc. meissa.ai 산업의 역군 https://blog.sankun.com/bizinsight/ 산군 인사이트 - 산업의역군 블로그 산업의역군에서 건설 비즈니스의 인사이트를 살펴보세요 blog.sankun.com 아이콘 https://ai-con.co.kr/blog 콘테크, 스마트건설기술 ..

Delete/후기 2023.12.22

[작성중]Storybook과 compound components와 error...

게시글의 이미지를 보여주는 컴포넌트 내부에서 if 문을 통해 여러 return을 하고 있습니다. 그래서 하나의 컴포넌트 안에서 조건부로 나뉘는 게 아닌 조건에 맞는 컴포넌트들로 각각 나누어 사용해보는 것으로 하였습니다. 이번에 배운 컴파운드 컴포넌트 패턴을 적용하여 Image라는 객체에 넣어 관리하려고 했습니다. 기존 코드 import styled from 'styled-components'; import { Swiper, SwiperSlide } from 'swiper/react'; import 'swiper/css'; import imageBigIcon from '../../assets/img/image-big-icon.svg'; import deleteIcon from '../../assets/im..

Update 2023.12.13

2장 그림으로 공부하는 IT 인프라 구조

POTINT: HDD 데이터가 CPU에 이르기까지 일련의 데이터 흐름으로 생각해보자. 목차: 물리서버 - CPU - 메모리 - I/O 장치 - 버스 각 목차별 주제 물리서버 - 서버의 내부 구성과 각 구성에 대한 개념 설명 CPU - 코어와 명령 체계 개요 메모리 메모리 종류와 각 종류의 장,단점 데이터 처리 속도, 엑세스 속도 등 I/O 장치 HDD, SSD... 라이트 스루, 라이트 백 이더넷, CPU와 다른 I/O제어 버스 - 데이터 전송 능력, 대역, 병목 현상 단어 정리 - 랙(Rack): 서버를 장착하는 공간. 한 칸을 1U. - IA 서버: 인텔의 CPU를 사용한 서버 - 메모리 인터리빙(Memory Interleaving): 미리 데이터를 CPU에 전달해서 처리 지연을 줄이는 기능 - 채널..

Read 2023.12.13