티스토리

NICE SUGI
검색하기

블로그 홈

NICE SUGI

nicesugi.tistory.com/m

백엔드 개발자 👩🏻‍💻

구독자
2
방명록 방문하기

주요 글 목록

  • 디자인 패턴 51개의 한줄 요약 모음 소프트웨어 설계에서 특정 문제를 효율적으로 해결하는 데에 자주 사용되는 설계 구조나 틀을 의미한다. 코드의 재사용성, 유지보수성, 읽기 쉬움 등을 향상시킬 수 있다. 디자인 패턴의 수는 고정되어 있지 않고, 다양한 패턴이 존대한다. 널리 알려진 건 "Design Patterns: Elements of Reusable Object-Oriented Software" 책에 의해 공식화된 23개의 디자인 패턴이라고 한다. 이 책의 4명의 저자를 GoF라고 부르는데, GoF의 디자인패턴은 크게 생성, 구조, 행위의 3가지 카테고리로 분류한다. 이 외에도 찾아보니 서브, 애플리케이션 도메인, 아키텍쳐, 모듈화 패턴가 있더라. 일단 쭉 노션에 정리를 하던 중인데.. 50개가 넘더라.. 신나서 찾다보면 더 나오길래 일.. 공감수 0 댓글수 0 2023. 8. 22.
  • Django REST Framework 소셜로그인 개인 프로젝트 중에 소셜로그인기능을 구현하고자 링크와 장점을 찾아 적어봄 Python Social Auth: GitHub 링크: https://github.com/python-social-auth/social-app-django 이 라이브러리는 다양한 소셜 인증 방식을 지원하며 Django와 잘 통합됩니다. Python Social Auth는 다양한 OAuth 제공 업체를 지원합니다. Google, Facebook, Twitter, Kakao 등과 같은 서비스를 통해 인증을 처리하려는 경우 이 라이브러리를 사용할 수 있습니다. Django Allauth: GitHub 링크: https://github.com/pennersr/django-allauth 이 라이브러리는 간단하게 다양한 소셜 로그인을 구현할 .. 공감수 0 댓글수 0 2023. 8. 7.
  • Django REST Framework 소셜로그인 개인 프로젝트 중에 소셜로그인기능을 구현하고자 링크와 장점을 찾아 적어봄 Python Social Auth: GitHub 링크: https://github.com/python-social-auth/social-app-django 이 라이브러리는 다양한 소셜 인증 방식을 지원하며 Django와 잘 통합됩니다. Python Social Auth는 다양한 OAuth 제공 업체를 지원합니다. Google, Facebook, Twitter, Kakao 등과 같은 서비스를 통해 인증을 처리하려는 경우 이 라이브러리를 사용할 수 있습니다. Django Allauth: GitHub 링크: https://github.com/pennersr/django-allauth 이 라이브러리는 간단하게 다양한 소셜 로그인을 구현할 .. 공감수 0 댓글수 0 2023. 8. 7.
  • navigator.mediaDevices.getUserMedia() | 오디오/비디오 제어 Http 서버만 다루다가 이번에 (WebSocket -> SocketIO)를 사용해 채팅과 화상채팅을 만드는 미니 프로젝트를 진행 중에 비디오와 오디오 제어를 하기위해 사용한 navigator.mediaDevices.getUserMedia() 기록이다. 음 미디어 컨텐츠, 비디오, 오디오, 인스턴스 키워드를 사용해 검색해보니 mozilla에서 MediaStream을 찾았다. MediaStream객체를 반환하는 메서드를 찾아보니 `navigator.mediaDevices.getUserMedia()` 바로 나오더라. 이 메서드는 이름 그대로 User의 Media에 접근할 수 있게 해준다. 기본적으로 사용시 접근을 원하는 미디어의 값을 `{ audio: true, video: true }`처럼 설정한다. 미디.. 공감수 0 댓글수 0 2023. 8. 4.
  • Trailing slash 사용 | URL에 GET parameters를 사용할때는? "Trailing slash"는 웹 URL의 끝에 위치한 슬래시(/)를 지칭한다. "https://www.example.com/"에서 마지막에 있는 슬래시! 이것이 중요한 이유는 서버에 따라 URL의 마지막에 슬래시가 있는 경우와 없는 경우에 다르게 반응할 수 있고, 중복 컨텐츠로 간주하는 등등의 이유로 웹사이트 구축 시에는 URL 설계를 일관성 있게 유지하는 것이 중요합니다. 또한, 웹서버 설정이나 프로그래밍 언어에서 디렉토리 경로를 지정할 때도 trailing slash는 중요한 역할을 합니다. 예를 들어, 파일시스템에서 trailing slash는 디렉토리를 가리킵니다. "/home/user/"는 "/home/user" 디렉토리를 가리키는 반면, "/home/user"는 파일이나 디렉토리 모두를 가.. 공감수 0 댓글수 0 2023. 7. 31.
  • JWT와 JWK의 차이 둘 다 JSON 형태로 정보를 표현하고 전송하는 방식이지만, 그 목적과 사용되는 정보는 다릅니다. JWT는 주로 인증과 권한 부여에 사용되며, 정보를 안전하게 전달하는 역할을 합니다. 반면에, JWK는 암호키를 안전하게 공유하고 전송하는 데 사용됩니다. JWT(JSON Web Token): JWT는 클라이언트와 서버 간에 정보를 안전하게 전달하기 위해 사용되는 작은 정보 단위 주요 역할 : 보통 인증과 정보 교환에 사용됩니다. JWT는 기본적으로 세 부분으로 이루어져 있습니다: Header, Payload, Signature. 예시 웹 애플리케이션에서 사용자 인증에 대한 예를 들어보겠습니다. 사용자가 로그인을 하면, 서버는 사용자의 인증 정보를 JWT로 생성해서 사용자에게 전달합니다. 이 JWT에는 사용.. 공감수 0 댓글수 0 2023. 7. 25.
  • 바닐라 자바스크립트로 심플한 앱 만들기 | 깃헙.io https://nicesugi.github.io/VanillaJavaScript-Today/ NestJS를 다뤄보고자 했는데 TypeScript를 배워야겠고, 그 전에 JavaScript를 확실히 알고 넘어가야겠고 하다가 만들어보게 되었다. 깃헙io 포멧은 어떻게 보이려나 싶어서 페이지도 생성했다. 음 저번주(17-22일)에 진짜 오랜만에 Django로 서버,프론트 작업을 요구하는 기업과제를 만지다가 잠시 쉬어가는 시간을 갖고자 작업해봤당. 만져보니 여러 D-day 생성도 가능할거같은데 다른건 다 괜찮은데 이상하게.....css..넘 어려움.. 공감수 0 댓글수 0 2023. 7. 24.
  • Validate 메서드 작성 = 시리얼라이저? 뷰? Validate 메서드 작성은 어디에 하는게 좋을까? 시리얼라이저에서 검증 로직 처리하고, 뷰에서 데이터베이스에 접근하여 중복검사 등을 수행한다. validate 메서드와 관련된 코드를 시리얼라이저와 뷰에 모두 작성할 수 있다. 대신 각각의 접근 방식의 장단점이 있을테니 찾아봄 1. 시리얼라이저에 validate 메서드 작성 장점 데이터 유효성 검사를 시리얼라이저 수준에서 처리할 수 있음. 시리얼라이저는 입력 데이터를 검증하고 오류가 있을 경우 ValidationError을 발생시킴 -> 즉, 뷰에서 별도의 검증 로직을 작성할 필요가 없어짐 단점 오직 시리얼라이저 내부에서만 사용됨 -> 뷰에서 동일한 검증 로직을 수행하기 위해 시리얼라이저를 직접 호출해야함. 시리얼라이저 내부에서 데이터베이스에 접근하여.. 공감수 0 댓글수 0 2023. 7. 19.
  • Exception has occurred: improperlyConfigured 오랜만에 장고 과제를 진행중에 발견한 에러다. 서버는 돌아가는데 vscode 디버깅모드시 에러가 뜬다. 관련해서 찾아보니 파이썬 경로설정과 pylint를 많이 써서 해결하더라. 근데도 안되더라. 하다보니 갑자기 잘되다가 모델을 열심히 만들고 urls과 views를 잇던 도중 해당 파일들을 읽지 못하는 상황이 생겼다. 다른 파이썬 프로젝트도 이런가?싶었는데 다 빨간줄 천지. 웃긴건 서버는 돌아간다. 에러 메세지가 친절하지 않다. setting config를 확인하라는데 파이썬 경로 확인해보고 프로젝트 폴더 구조 확인해보고 setting에 앱 추가해주고 가상환경 패키지 확인해보고 다른 구조로 테스트해보고 프로젝트를 새로 구성도 해보고 하는데 일단 안된다. 디버깅 꼭 필요해서 왜인지 찾다 찾다 해결에 힘쓰다보.. 공감수 0 댓글수 0 2023. 7. 18.
  • 이벤트 핸들러 호출 방식 | 함수 사용, 객체 사용 이벤트 발생시 타이틀의 텍스트와 색상을 변경하는 코드를 작성했다. 처음 1번 방법을 작성해보고 수정해서 총 3가지 버전이 있는데, 같은 동작을 수행하지만 코드 구조와 이벤트 핸들러 호출 방식에 차이가 있어서 작성해봄. 코드를 구조화하는 방법이나, 핸들러 함수들을 간편하게 정의하는 방법이나 어느방법이 좋은지 딱 정할 수는 없지만, 지금의 나는 가독성이 좋은 코드가 좋다고 생각하기에 객체를 사용하는 방법이 좋지 않을까 싶다. 1. 각 함수를 직접 호출하는 방법 각 이벤트에 대한 함수를 직접 정의 해당 이벤트가 발생했을 때 함수를 호출 이벤트 핸들러를 등록할 때에는 함수 이름을 전달하는 방식 function mouseenterTitle() { title.innerText = 'The mouse is here!.. 공감수 0 댓글수 0 2023. 7. 14.
  • git subtree | 여러 프로젝트 한 repo에 관리하고 싶을때 최근 스터디를 하기 위해 작업물을 올리다가 제목과 같은 일이 발생함 😑 repo 생성 후 main에서 프로젝트 이름으로 브랜치를 생성 후 프로젝트 완성하여 main으로 merge를 시켰더니 커밋 내역이 엉켜있는 것을 발견하게 된것이다. 망 !!! 혼자 하는 작업이니 크게 상관은 없다지만, 해당 레포의 커밋내역을 볼때마다 스트레스가 쌓인다. 이미 늦었지만 어떻게든 구별해보고자 애쓴 흔적 >> 아무튼, 다들 생각하는 예쁜 프로젝트 모음 repo를 만드려면 git에는 subtree라는 명령어를 쓰면 된다. 내가 쓰는 명령어 순서인데... 생각해보니 이것도 커밋메세지가 뒤죽박죽이긴 똑같다는게 생각났다... 브랜치를 잘 활용하는 수밖에 없는 것 같다. 부모레포(프로젝트 없음, README.md만 있는 상태, gi.. 공감수 0 댓글수 0 2023. 7. 12.
  • 2주간의 Flutter Challenge | 완료 2주간의 Flutter Challenge 완료 올해 상반기에 Flutter를 사용해 UI와 클라이언트 작업을 하면서, 내가 작성한 코드가 가독성이 좋은 코드인가🤔라는 고민을 하게 됐고 요즘 흥미있는 프레임워크의 기본기를 확실히 정.복.한다는 워딩에 끌려서 챌린지를 참여했다. 챌린지 과정에서 인기 라이브러리(Provider, GetX, BLoC)를 사용하진 않지만 내가 어느 부분에서 약한지 확인할 수 있었고, 알고 있는 것과 다른 점들이 있어 찾아보게 된 시간이었다. .. 창피하지만 before after를 명확하게 볼 수 있는 구간이 있다. 아래처럼 보내고자하는 API를 작성하면 여러개의 요소들을 넣기 보다 한번에 넣을 수 있다는 점과 Expanded나 Flexible를 적재적소에 사용하지 못해 Layo.. 공감수 0 댓글수 0 2023. 7. 10.
  • 작업과정, 영화 앱 만들어보기 영화 앱 만들어보기 공감수 0 댓글수 0 2023. 7. 9.
  • 작업과정, Flutter 웹툰 앱 만들어보기 Flutter 웹툰 앱 만들어보기 공감수 0 댓글수 0 2023. 7. 8.
  • 작업과정, Pomodoro 앱 만들어보기 StatefulWidget으로 Pomodoro 앱 만들어보기 공감수 0 댓글수 0 2023. 7. 6.
  • 작업과정, 디지털지갑 Index 페이지 만들어보기 StatelessWidget로 디지털지갑 Index 페이지 만들어보기 공감수 0 댓글수 0 2023. 7. 5.
  • 2주간의 Flutter Challenge | 1주차 Flutter Challenge 1주차가 지났다. 하게 된 경위는 개인프로젝트로 풀스택 앱을 만든 적이 있는데, 그 때 만든 코드를 한번 보니 다듬고 싶다라는 생각을 많이 했다. 같은 기획으로 진행하기엔 사정이 생겨 안될 것 같고 다른 아이디어로 만들어보고자, 좀 더 가독성 좋고 Dart 객체를 좀 더 잘 다뤄보고 싶어서 신청하게 된거였고, 막상 언어보다는 프레임워크 챌린지다 보니 UI에 집중하는 시간이 많다 생각은 들지만 좋았다. 물론 ios, android 를 출시를 해보는 경험을 쌓고자한다면 좀 더 여러 공부가 필요할 것 같고, 개인 프로젝트로 다루기 좋은 프레임워크인 것 같다. 다루기 쉽고 재밌다. 공감수 0 댓글수 0 2023. 7. 3.
  • MacOS에서 Github 여러계정 사용하기 | ssh-key MacOS에서 Github 여러계정 사용하기 사이드 프로젝트를 진행하고자 계정을 새로 만들어 git push 하던 중에 permission 거절당하여 찾아보게 되었다. 1. SSH 키 생성 연결할 Github 계정(nicesugi@example.com) 적어줍니다. cd ~/.ssh ssh-keygen -t rsa -b 4096 -C "nicesugi@example.com" # Generating public/private rsa key pair. # Enter file in which to save the key (/Users/(user_name)/.ssh/id_rsa): 원하는 ssh key 이름(ex: id_rsa_sugi) # Enter passphrase (empty for no passphra.. 공감수 0 댓글수 0 2023. 7. 3.
  • Express, MySQL 로 SNS 만들기 Express, MySQL 로 SNS 만들기 NodeJS와 Mongoose를 이용해 1인 미니프로젝트를 진행한 경험이 있다. NodeJS에 대한 기본기도 다지고, SQL을 다뤄보고 싶어서 'Node.js 교과서 개정 3판' 을 참고하였다. 포스팅 내용으로는 9장에 나오는 내용을 직접 따라해보며 발견한 2건의 Error에 관한 것이다. https://github.com/nicesugi/study-nodeJS/tree/main/practice-sns 1. '9.3.1 로컬 로그인 구현하기' 에서의 SequelizeValidationError 발생 저자는 처음 User 모델 생성시 provider를 'local', 'kakao'를 선택 & null을 허용하지 않는 옵션을 달아놓았다. 하지만 회원가입 함수에서.. 공감수 0 댓글수 0 2023. 6. 29.
  • Sequelize를 사용해 Express와 MySQL을 연결 | Sequelize | 관계 정의 Sequelize를 사용해 Express와 MySQL을 연결 NodeJS와 Mongoose를 이용해 1인 미니프로젝트를 진행한 경험이 있다. NodeJS에 대한 기본기도 다지고, SQL을 다뤄보고 싶어서 'Node.js 교과서 개정 3판' 을 참고하였다. 포스팅 내용으로는 7장에 나오는 내용을 직접 따라해보며 작성한 내용이다... 저자의 코드가 담긴거라 몇개만 ! https://github.com/nicesugi/study-nodeJS/tree/main/learn-sequelize GitHub - nicesugi/study-nodeJS Contribute to nicesugi/study-nodeJS development by creating an account on GitHub. github.com se.. 공감수 0 댓글수 0 2023. 6. 29.
  • Flutter Challenge | 6월 26일 ~ 7월 9일 (2주 진행) Flutter Challenge Dart 의 Flutter 는 정적타입언어와 widget, 크로스 플랫폼이라는 점에 흥미가 갔다. 올해 초에 1인 미니 프로젝트의 클라이언트 부분을 Flutter로 작성한 경험도 있지만 백엔드 개발이지만서도 플러터 재밌다는 점이 가장 큰 것 같다... ㅎ... 좀 더 배우고자, 경험해보고자 챌린지를 하게 되었다. 챌린지는 2주간 진행된다고 하는데 기대된다. 공감수 0 댓글수 0 2023. 6. 26.
  • 🎄 학습일지 22.12.11 1. 알고리즘 프로그래머스 최댓값 만들기 팩토리얼 2. Python math https://docs.python.org/ko/3/library/math.html math — Mathematical functions This module provides access to the mathematical functions defined by the C standard. These functions cannot be used with complex numbers; use the functions of the same name from the cmath module if... docs.python.org 3. 기술면접 .... 잘 볼 수 있을까.. 원리는 알면 알수록 더 알아야하는 것들 천지 공감수 0 댓글수 0 2022. 12. 12.
  • 🎄 학습일지 22.12.10 1. 알고리즘 프로그래머스 주사위의 개수 상자의 크기에 맞게 들어갈 주사위의 최대 개수를 구하는 문제. 가로, 세로, 높이 값에 주사위 길이를 나눈 값들을 모두 곱하여 값을 도출 합성수 찾기 값을 나누었을때 0이 되는 수를 약수, 약수가 세개 이상인 수인 (n 이하의) 합성수를 구하는 문제. n 이하의 수(i)를 구하고, 그 수의 약수를 이하의 수(j)로 나누어 0이 되면 +1을 하여 답을 도출 나만.. 이중for문은 정신안차리면 헷갈리나? 2. 기술면접 월요일에 면접 일정이 잡혀서 면접 대비 ! 질문에 딱 맞게 간결하고 논리적으로 말하는건 너무 어렵다.. 공감수 0 댓글수 0 2022. 12. 10.
  • 🎄 학습일지 22.12.9 1. GOALS_REST_API 프로젝트 https://nicesugi.tistory.com/285 🦄 개발일지 22.12.9 오늘의 목표로는 회원가입시 request.data의 field 값이 비어있는 것이 아닌 body (= request.data) 자체가 없을 경우의 로직도 작성하고자 했다. service TestCase에서는 TypeError가 나왔고, view에 그에 따른 에러 nicesugi.tistory.com 2. 독서 - 파이썬 코딩도장 | 챕터 27-33 3. 알고리즘 프로그래머스 일단 해결을 한 후 고쳐나가는 편이다. 오늘 푼 문제들은 if문으로 해결할 수 있었는데, 지금 해오던 방식이 맞을지 아니면 처음부터 꼼꼼히 작성을 하는 것이 좋은건지 모르겠다. 점의 위치 구하기 배열 회전시키기 공감수 0 댓글수 0 2022. 12. 9.
  • 🎄 학습일지 22.12.8 취준기간이 길어지다보니 새로운 프로젝트 / 기존 프로젝트 리팩토링 / 기술면접준비 / 알고리즘 / SQL or Python, Django 공부 어느 것에 치중해야 할지 하다가 시간을 쪼개서 다 하기로 했다. 어느하나 버릴게 없어.. 다 해야해.. 왜 개발자들이 몰입이 중요하다하는지 캠프 끝나고나서야 알게 됐다. 우선 기존 프로젝트 리팩토링을 진행하기로 했다. 알고리즘은 하루에 최소 하나. 나머지는 요일을 나누어 기술면접준비/공부 목표량을 정해놓고 해보려고한다. 1. GOALS_REST_API 프로젝트, user앱 회원가입 TestCases를 작성 이 프로젝트는 posts 앱이 중심이라 posts 앱만 TestCases를 작성해두었는데, 최근 접해본 pytest를 적용해보고자 시도했다가 한 프로젝트 내에 .. 공감수 0 댓글수 0 2022. 12. 8.
  • SQL 제약조건 | Constraints SQL 제약 조건은 테이블의 데이터에 대한 규칙을 지정하는 데 사용됩니다. CREATE / ALTER TABLE 명령문을 사용하여 테이블을 만들 때 혹은 테이블을 만든 후! 에 ! 제약조건을 지정 CREATE TABLE table_name ( column1 datatype constraint, column2 datatype constraint, column3 datatype constraint, .... ); NOT NULL - 컬럼이 NULL 값을 가질 수 없도록 보장 - "Persons" 테이블이 이미 생성된 경우 "Age" 열에 제약 조건 을 생성 ALTER TABLE Persons --SQL 서버/MS 액세스: ALTER COLUMN Age int NOT NULL; --My SQL/Oracle(이.. 공감수 0 댓글수 0 2022. 11. 21.
  • SQL | (create | drop | alter) TABLE + Constraints CREATE TABLE 1. 데이터베이스에 새 테이블을 만드는 데 사용 - PersonID, LastName, FirstName, Address 및 City의 5개 열이 포함된 "Persons"라는 테이블을 생성 CREATE TABLE Persons ( PersonID int, LastName varchar(255), FirstName varchar(255), Address varchar(255), City varchar(255) ); datatype 매개변수(예: varchar, 정수, 날짜 등)는 열이 보유할 수 있는 데이터 유형(예: varchar, 정수, 날짜 등)을 지정 SQL INSERT INTO문을 사용하여 새로 생성한 "Persons"라는 테이블을 데이터를 채울 수 있음 2. 기존 테이블의.. 공감수 0 댓글수 0 2022. 11. 14.
  • SQL | (show | create | drop | alter | backup) DATABASE 데이터베이스를 생성/삭제/백업하기 전에 관리자 권한이 있는지 확인 SHOW DATABASE - 데이터베이스 목록을 확인 SHOW DATABASES; CREATE DATABASE - "testDB"라는 데이터베이스를 생성 CREATE DATABASE testDB; DROP DATABASE - 기존 데이터베이스 "testDB"를 삭제 DROP DATABASE testDB; ALTER DATABASE - 기존 데이터베이스 "testDB"의 전체적인 특성 수정 ALTER DATABASE testDB CHARACTER SET=문자집합이름; ALTER DATABASE testDB COLLATE=콜레이션이름; 자주 사용되는 대표적 문자집합 CHARACTER SET utf8 : UTF-8 유니코드를 지원하는 문자셋 (.. 공감수 1 댓글수 0 2022. 11. 11.
  • SQL | DELETE DELETE 기존 레코드를 삭제하는 데 사용 WHERE절을 생략하면 모든 레코드가 삭제 되니 WHERE 유의 ! 테이블을 삭제하지 않고 테이블의 모든 행을 삭제 테이블 구조, 속성 및 인덱스는 그대로 유지 1. "Customers" 테이블에서 고객 "Alfreds Futterkiste"를 삭제합니다 DELETE FROM Customers WHERE CustomerName='Alfreds Futterkiste'; 2. 테이블을 삭제하지 않고 "Customers" 테이블의 모든 행을 삭제 DELETE FROM Customers; 참고링크 : https://www.w3schools.com/sql/ 공감수 1 댓글수 0 2022. 11. 11.
  • SQL | UPDATE UPDATE 기존 레코드를 수정하는 데 사용 1. 첫 번째 고객(CustomerID = 1)을 새 담당자 와 새 도시로 업데이트 UPDATE Customers SET ContactName = 'Alfred Schmidt', City= 'Frankfurt' WHERE CustomerID = 1; 2. 국가가 "Mexico"인 모든 레코드에 대해 ContactName을 "Juan"으로 업데이트 UPDATE Customers SET ContactName='Juan' WHERE Country='Mexico'; WHERE절을 생략하면 모든 레코드가 업데이트 되니 WHERE 유의 ! 3. "Customers" 테이블의 모든 레코드에 대해 ContactName을 "Juan"으로 업데이트 UPDATE Customers.. 공감수 1 댓글수 0 2022. 11. 11.
    반응형
    문의안내
    • 티스토리
    • 로그인
    • 고객센터

    티스토리는 카카오에서 사랑을 담아 만듭니다.

    © Kakao Corp.