💕
후원
본문 바로가기

분류 전체보기113

[클린 코드] 클린 코드 4~8 4 코드는 복사, 붙여넣기, 이동 등등을 통해 자주 변하지만, 주석은 코드를 따라가지 않는다. 주석을 최대한 줄이자. 4.1 코드에 설명이 필요하면 주석을 달기보다는 설명이 필요없이 명확한 코드로 고치면 된다. 4.2 코드의 의미를 주석으로 설명하기보다는 함수를 분리하거나 이름을 잘 붙여서 코드만 봐도 의미가 파악되도록 하자. 4.3 법적인 이유로 다는 주석은 꼭 필요하다. 정보를 제공하는 주석, 의도를 설명하는 주석, 의미를 명료하게 밝히는 주석 등은 유용하지만 최대한 줄이면 좋다. 결과를 경고하는 주석, TODO, 중요성을 강조하는 주석은 합리적일 수 있다. 4.4 코드만 봐도 알 수 있는 내용, 너무 당연한 내용을 주석으로 설명하지 말자. 잘못된 내용을 주석으로 달지 말자. 수정 이력도! git같은.. 2021. 10. 3.
[Flutter] Flutter에서 GraphQL을 잘 사용해보자! 회사 블로그 https://blog.promedius.ai/flutter-graphqleul-jal-sayonghaeboja/ 에 올린 글입니다. 아카이브용으로 가져왔어요. [Flutter] Flutter에서 GraphQL을 잘 사용해보자! 안녕하세요, 개발팀 톡기입니다. 오늘은 Flutter에서 GraphQL을 사용하면서 알게 된 것들을 글로 정리해 볼 거에요. 👀 코드들의 기본 틀은 graphql_flutter 패키지 문서에서 가져왔습니다. 패키지 가져 blog.promedius.ai 오늘은 Flutter에서 GraphQL을 사용하면서 알게 된 것들을 글로 정리해 볼 거에요. 👀 코드들의 기본 틀은 graphql_flutter 패키지 문서에서 가져왔습니다. 패키지 가져오기 & 설정하기 우선 Graph.. 2021. 9. 27.
[클린 코드] 클린 코드 1~3 https://book.naver.com/bookdb/book_detail.nhn?bid=7390287 Clean Code 『CLEAN CODE(클린 코드)』은 오브젝트 멘토(OBJECT MENTOR)의 동료들과 힘을 모아 ‘개발하며’ 클린 코드를 만드는 최상의 애자일 기법을 소개하고 있다. 소프트웨어 장인 정신의 가치를 심어 주며 book.naver.com 읽으면서 요약하고, 덧붙이고 싶은 내용이 있으면 덧붙이면서 정리할 예정입니다. 1. 클린 코드 1.1 코드는 요구사항을 표현하는 언어이다. 1.2 처음부터 좋은 코드를 짜는 것이 답이다. 1.3 나쁜 코드는 생산성을 떨어트린다. 일정과 요구사항이 있더라도, 좋은 코드를 사수하는 것이 프로그래머의 책임이다. 클린 코드란? 보기에 즐겁고 우아한 코드 (.. 2021. 9. 26.
[후기] 모더나 1, 2차 접종 후기 저는 1, 2차 모두 모더나로 접종을 받았습니다. 사전예약은 아니고, 인턴으로 근무중인 회사가 병원 협력업체라서 협력업체 소속으로 접종받게 되었습니다. 맞기 전에 부작용 등이 궁금해서 검색을 해보니 20대 모더나 후기가 많지 않아서, 접종 후 후기를 써야겠다고 생각했네요. 👀 1차 (07/07 수요일) 💉 회사 분들과 다같이 병원에 가서 접종을 받았습니다. 들어가서 생년월일과 이름을 말하면 진료표를 주십니다. 이름이 불릴 때까지 대기하다가 예진실에서 설명을 듣고, 문제가 없으면 바로 접종실에서 주사를 맞으면 됩니다. 주사는 정말 아프지 않고 따끔! 하고 끝납니다. 접종 부위를 문지르거나 누르면 안 됩니다. 주사를 맞고 나오면 1차 접종 스티커와 이상반응 및 대처방법 등이 적힌 안내문과 타이머를 주십니다... 2021. 8. 9.
[Figma] 좌충우돌 Figma i18n 플러그인 제작기 회사 블로그 blog.promedius.ai/figma-i18-plugin/ 에 올린 글입니다. 아카이브용으로 가져왔어요. 개발팀 인턴의 좌충우돌 Figma i18n 플러그인 제작기 Figma를 아시나요? Figma Figma는 UI 프로토타이핑 툴인데요. 위처럼 단순히 와이어프레임을 만들 수 있을 뿐 아니라, 이렇게 요소들의 상호작용도 표현할 수 있습니다. 무엇보다 이렇게 여러 사람이 blog.promedius.ai ▲ 글 열심히 꾸며 놓았으니 요 링크에서 봐주세요. 🤗 Figma를 아시나요? Figma는 UI 프로토타이핑 툴인데요. 위처럼 단순히 와이어프레임을 만들 수 있을 뿐 아니라, 이렇게 요소들의 상호작용도 표현할 수 있습니다. 무엇보다 이렇게 여러 사람이 함께 수정도 가능합니다. 게다가 웹 기.. 2021. 5. 4.
[TIL] 환경 변수의 PATH는 뭔데 자꾸 추가하라고 할까? PATH가 뭔데 환경 변수(環境 變數, 영어: environment variable)는 프로세스가 컴퓨터에서 동작하는 방식에 영향을 미치는, 동적인 값들의 모임이다. 라고 위키백과에 적혀 있는데요. 말 그대로 시스템에 반영되는 변수겠죠. 그런데 이렇게만 보면 PATH에 대해서는 사실 잘 모르겠습니다. 대체 뭔데 프로그램을 깔고 나면 설치 경로를 환경 변수 PATH에 추가하라고 할까요? 일단 윈도우에서 시스템 환경 변수 편집에서 환경 변수에 들어가면 환경 변수의 목록을 볼 수 있는데 여기서 Path를 찾아서 편집을 누르면 이렇게 목록이 뜹니다. 귀찮으면 윈도우의 경우 $ echo %path% cmd 열어서 이렇게 쳐도 나오고요. (윈도우가 아니면 아마 $PATH) 이 path가 대체 뭐냐면 프로그램을 찾는.. 2021. 5. 2.
[Cordova] 아파치 코도바 찍어먹기 - 설치와 세팅 아파치 코도바(Apache Cordova)로 리액트 프로젝트를 돌돌 말아서 모바일 앱으로 구동하는 것이 목표인 '아파치 코도바 리액트에 찍어먹기' 포스팅입니다. Create your first Cordova app 을 따라해보겠습니다. 명령줄 인터페이스 - Apache Cordova 명령줄 인터페이스 이 가이드에서는 응용 프로그램을 만들고 사용 하 여 다양 한 네이티브 모바일 플랫폼에 배포 하는 방법에 cordova 명령줄 인터페이스 (CLI). 이 도구를 사용 하면 새 프로젝트를 cordova.apache.org Cordova CLI 설치하기 npm에서 cordova를 설치합니다. $ npm install -g cordova 프로젝트를 시작할 경로에서 다음 명령어를 입력하세요. $ cordova cre.. 2021. 5. 1.
[ESLint] Parsing error: Unexpected token ESLint를 돌리는데 Parsing error: Unexpected token 라는 에러가 계속 떴습니다. 알아보니 ESLint의 기본 parser는 Espree로, 기본적으로 ECMA 버전이 5로 설정되어있기 때문에 그 이후 문법이나 Typescript 문법은 parse하면서 에러를 뿜을 수 있다고 합니다. .eslintrc 파일을 만들어서, { "parser": "babel-parser" } 위 코드를 작성해 parser를 babel parser로 설정해주면 최신 ECMA 버전을 사용할 수 있습니다. 일반적으로는 이것만 추가하면 해결이 됩니다. 그런데 babel-parser는 Typescript 문법은 해석을 못 하는 것 같습니다. 저같은 경우에는 babel-parser로 parser를 바꾸어도 T.. 2021. 4. 15.
[딥러닝] 파이토치 개발환경 구축 2. CUDA로 GPU 사용하기 r4bb1t.tistory.com/59 [딥러닝] 파이토치 개발환경 구축 www.anaconda.com/products/individual 접속한다. 다운로드 클릭 후 설치파일을 관리자 권한으로 열어서 설치한다. 설치가 끝나면 프롬프트를 실행한다. $ conda create -n pytorch python=3.7 입력하면 파이썬.. r4bb1t.tistory.com 개발환경을 구축했으면 이제 프로그램을 GPU에서 돌려볼 수 있습니다. 설치가 모두 제대로 되었는지 확인해봅시다. import torch print(torch.cuda.is_available()) 제대로 설치가 됐다면 True가 뜹니다. import torch CUDA_AVAILABLE = torch.cuda.is_available() DEVI.. 2021. 3. 1.
[HTML] 티스토리 사이드바에 프로필 넣기 제 블로그에는 프로필 란이 있는데요, 이미지를 넣고 싶어서 직접 만들었습니다. 이 부분의 코드를 공유합니다. 티스토리 블로그 관리 > 스킨 편집 > html 편집에서 ctrl+F로 를 찾아줍니다. ID 자기소개를 넣어주세요. 제목1 내용1 제목1 내용1 제목1 내용1 해당 부분에 위 코드를 붙여넣기 해주세요. 부분에는 블로그 프로필 사진이 들어가는데, 다른 사진을 넣고 싶다면 '해당 이미지 주소' 로 대체해주시면 됩니다. 도 기본적으로 아이디가 들어가는데 이름이나 등등으로 대체할 수 있습니다. 자유롭게 수정해서 사용해주세요! 2021. 2. 27.
[딥러닝] 인공신경망(ANN), MNIST 데이터 셋 분류 본 포스팅은 고려대학교 전기전자공학부 김중헌 교수님의 데이터과학원 강의 '딥러닝 프로그래밍 기초 다지기- 인공신경망 프로그래밍 기초 / 인공신경망 프로그래밍 구현'을 토대로 정리했습니다. 강의는 Tenserflow로 진행되었지만 파이토치로 구현하기 위해 를 참고했습니다. 기본 개념은 를 참고했습니다. 인공신경망(ANN) 인공신경망(ANN)은 생물학의 신경망(동물의 중추신경계중 특히 뇌)에서 영감을 얻은 통계학적 학습 알고리즘입니다. (한국어 위키백과) 하나의 레이어에서 다른 레이어로 정보를 보낼 때의 기본적인 구조입니다. 위에 있는 레이어로부터 받아들인 입력(X)를 가중치(W)를 통해 증폭(W>1) 혹은 감쇠(W 2021. 2. 26.
[BOJ] 10167. 금광 10167번: 금광 첫 줄에는 금광들의 개수 N (1 ≤ N ≤ 3,000)이 주어진다. 이어지는 N개의 줄 각각에는 금광의 좌표 (x,y)를 나타내는 음이 아닌 두 정수 x와 y(0 ≤ x,y ≤ 109), 그리고 금광을 개발하면 얻게 되는 이익 www.acmicpc.net 어떤 2차원 그래프에서, 가능한 직사각형 모양의 범위 내부에 있는 정점의 값의 합 중 최댓값을 구하는 문제입니다. 좌표 x, y의 범위는 (0 ≤ x,y ≤ 10^9)인데, 정점의 개수는 최대 3000개이므로 좌표 압축을 사용해 (0 ≤ x,y < 3000) 으로 만들어줍니다. 시간 제한은 3초이므로 O(N^2logN) 으로 해결하면 됩니다. 일반적으로 사각형을 선택하는 기준은 세로 선 두 개, 가로 선 두 개로 O(N^4)라고 생.. 2021. 2. 20.

티스토리툴바