티스토리

에바니네
검색하기

블로그 홈

에바니네

evan6-6.tistory.com/m

Evan Lee 님의 블로그입니다.

구독자
2
방명록 방문하기

주요 글 목록

  • [ 리뷰 ] - 타입스크립트 교과서 계기 이번에 운좋게 길벗 출판사에서 도서 리뷰에 신청해서 당첨이 되었다. 일단 우리 회사에서는 기본적으로 타입스크립트를 사용하기 때문에 타이핑하는 것은 익숙하나 한번도 조금이라도 들여다보려고 한적이 없었고, 마침 Okky에서 글을 보고서 바로 신청을 했었다. 일단 저자분은 내적친밀감이 그득그득한 제로초님이였다. 항상 팩폭으로 때려주는 그분... https://www.youtube.com/@ZeroChoTV ZeroCho TV 4만명이 수강한 제로초 강좌/로드맵 통합 링크! https://www.zerocho.com/lecture https://www.zerocho.com/lecture 의지력이 약해 다른 사람들과 함께 수강하고 싶다면! + 고민상담, 질문도 하고 싶다면 2천명이 모 www.youtube... 공감수 0 댓글수 3 2023. 11. 26.
  • 오픈 소스 기여 해보기 ( 리액트 문서 번역 ) 옛날에 리액트를 처음 공부할때, 이런저런 커뮤니티를 찾아보다가 공식 문서 번역 관련한 커뮤니티가 있다는 것을 알게되어서 들어가보게 되었었다. 일단 제일 먼저 할당을 받아야한다. 내가 가만히 있으면 아무일도 일어나지 않기때문에.. 이건 당연한거다. 그래서 혹여 나처럼 영어 공부도할겸.. 문서 정독하는데 기여까지하고 싶으신 분들이 있을 수 있기때문에 적어보도록 하겠습니다. ( 저도 전문가 아님 ) 할당 받는 법 https://github.com/reactjs/ko.react.dev/issues/374 New React Docs Translation Progress (Korean) · Issue #374 · reactjs/ko.react.dev Maintainer List @hg-pyun @taehwanno .. 공감수 0 댓글수 1 2023. 11. 6.
  • [Flutter] - 멀티 스텝 로직 (feat. Stepper Widget) 일단 우리는 이 어플리케이션이 한 회사에 종속된 애플리케이션이 아닌 다른 회사 또한 사용할 수 있도록 만들기로 했기때문에 회원가입 후에 제일 먼저 회사를 정하도록 유도하는게 맞다고 생각되어, 회원가입 후 아래와 같은 멀티 스텝 로직을 통해 등록하도록 유도하고자 했습니다. 1. 조사 위와 같이 검색을 하면 제일 먼저 Reference로 나오는 것들이 Stepper Widget을 이용한 예제 였습니다. 역시.. 믿고 있었다구 플러터.. 2. 스테퍼 위젯이란 ? https://api.flutter.dev/flutter/material/Stepper-class.html Stepper class - material library - Dart API A material stepper widget that disp.. 공감수 0 댓글수 0 2023. 11. 5.
  • 실행 컨텍스트 ( Execution Context ) 실행 컨텍스트란 ? 실행 가능한 코드가 실현되기 위해 필요한 환경입니다. 브라우저의 자바스크립트 엔진이 자바스크립트 코드의 변환 및 실행을 처리하기 위한 특수한 환경을 생성하는데 이를 실행 콘텍스트라고 합니다. 여기에는 현재 실행중인 코드와 실행을 지원하는 모든 것들이 담겨 있는데, 실행 컨텍스트 런타임 동안 특정 코드가 파서에 의해 파싱되고, 변수와 함수가 메모리에 저장되며 실행가능한 바이트 코드가 생성되고 실행됩니다. 실행 컨텍스트의 종류 전역 실행 컨텍스트 (GEC, GO) 자바스크립트 엔진이 스크립트 파일을 받게되면 함수 내부에 존재하는 코드 외 모든 코드(빌트 인 객체, BOM , DOM, 전역 변수가)를 기반으로 처음에 전역 실행 컨텍스트를 생성하게됩니다. 그래서 모든 자바스크립파일에는 하나의.. 공감수 0 댓글수 0 2023. 10. 22.
  • [Flutter] - 회원가입 ( Signup ) 일단 일반적인 이메일이랑 비밀번호를 통한 회원가입은 구현을 앞서서 안했었고, 구글 인증만 해놓은 상태였다. 처음내가 피그마로 디자인할때, 회원가입은 따로 없고, ADMIN이 추가한 메일만 가입을 할 수 있게 하려고 했었지만, 어려웠다. 그리고 회사동료랑 이야기 해보고나서 추가해야겠다는 생각을 하고 넣게되었다. 1. 디자인비교 일단 첫번째로 Auto Login은 지우게 되었다. 이유는 Firebase Auth는 기본적으로 별다른 설정을 안해주면 세션토큰을 알아서 관리를 해준다. 그렇기 때문에 굳이 세션관리를 따로 해 줄 필요가 없어서 정말 편한거 같다 ㅎㅎ.. https://firebase.google.com/docs/auth/web/auth-state-persistence?hl=ko 인증 상태 지속성 |.. 공감수 0 댓글수 1 2023. 10. 11.
  • [Flutter] - 구글 로그인 ( feat. firebase ) 일단 앞서서 firebase를 통해서 간단하게 이메일 패스워드로 간단하게 로그인 구현은 해놨는데, 이제 우리 회사메일도 그렇도 Gmail로 되어있기때문에 구글 로그인은 필수적이라고 할 수 있다. 1. google_sign_in package 설치 https://pub.dev/packages/google_sign_in google_sign_in | Flutter Package Flutter plugin for Google Sign-In, a secure authentication system for signing in with a Google account on Android and iOS. pub.dev 2. app을 파이어베이스에 등록을 해줘야한다. 나는 앞서 이메일과 비밀번호를 통한 로그인을 하기 위.. 공감수 0 댓글수 1 2023. 9. 25.
  • [Flutter] - 로그인 구현 ( feat. Firebase ) 일단 로그인을 맡게 되었다.... ! 로그인 자체를 API로 구현을 해달라고 부탁을 해야하나 어떻게 해야하다가 먼저 firebase로 간단하게 구현을 해보려고 한다. 같은 구글에서 만들어서 아마.. 사용이 쉬울거라 예상이 되었다. 그리고 문서가 정말 잘 되어있어서 따라할 수 있었다. 세팅 1 . 파이어베이스에 구글 계정 연동 및 프로젝트 생성 2. 파이어베이스 CLI 설치하기 https://firebase.google.com/docs/cli#setup_update_cli Firebase CLI 참조 | Firebase 문서 firebase.google.com 1 2 3 4 5 // firebase-CLI 사용할 수 있게해주는 패키지 npm install -g firebase-tools firebase -.. 공감수 0 댓글수 0 2023. 9. 24.
  • 첫 사내 사이드 프로젝트 시작 사실을 기반으로 작성하였음 주저리 사실은 딱히 모바일 ( 리액트 네이티브, 플러터, 네이티브 ) 쪽에는 처음에 관심은 없었다. 근데 사내 단짝인 동료가 꼬드기기 시작했다. 언제쯤이였을까 항상 나를 자극해주는 그 친구.. 너무 좋습니다. 사실 자바스크립트만 다뤄본 나로써는 새로운 언어 Dart, 그리고 함수형 컴포넌트만 사용하게 되는 리액트를 쓰다보니 객체지향 언어 그리고 클래스 덩어리인 그 자체가 살짝 두려웠다. 하지만 그래서 내 견문이 넓히려면 더 좋은 기회일거라고 생각했다. 그래서 가볍게 노마드코드 강의를 통해서 배워보았다. 다트에 대한 첫인상은 구글이 밀어주는 엄친아 같은 느낌이였다. DX에 정말 많이 신경을 쓰고 지원해준다는 생각이 들었다. 한참 성장기라서 그런가 업데이트를 정말 자주해서 강의했.. 공감수 0 댓글수 0 2023. 9. 21.
  • Prompt Engineering Prompt Engineering 다양한 애플리케이션과 연구 주제에 언어모델을 효율적으로 사용할 수 있도록 프롬프트를 개발하고 최적화하는 프로세스입니다. 실험적 방법론에 기반하여, 원하는 결과를 정확히 의도한대로 항상 일관성 있게 내도록 만드는 것이 목적입니다. LLM 구성 3가지 1. 답변을 위해 필요한 적절한 컨텍스트 2. 원하는 결과를 추출을 위한 프롬프트 작성 3. 원하는 포맷의 출력을 위한 프롬프트 작성 Embedding 단어를 실수의 집합으로 바꿔줌 그리고 그 집합에서 벡터 글자들로 뭉쳐있고, 비슷한 단어들은 비슷한 차원의 주위에 뭉쳐있게 된다. vector search 관계성이 제일 두드러진 것을 결과를 가져온다. 프롬프트 엔지니어링 프롬프트 5가지 단계 1. 프로픔트 결과 설정 2. 프롬프.. 공감수 0 댓글수 0 2023. 9. 10.
  • TDD, Clean Code - Second Cycle 간단한 Lotto 구매 및 당첨확인하는 로직을 콘솔기반으로 했다가 HTML, CSS을 더해서 웹기반으로 변경하는 작업까지 통틀어서 피드백 받았던거를 적어보려고 합니당 웹팩 설정 일단 당연히 콘솔기반에서 웹기반으로 옮기려고 하다보면 webpack을 통해 dev를 열기위해 웹팩 설정이 필요했습니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 const path = require("path"); const HtmlWebpackPlugin = require("html-webpack-plugin"); module.expor.. 공감수 0 댓글수 0 2023. 9. 10.
  • Machine Learning Concept 일단 AI는 두가지로 특정할 수 있다. Rule-base AI Machine Learning AI 여기서 Rule-base AI는 먼저 사람이 특징을 잡아주고 나서 AI가 물체를 특정하고, Machine Learning AI 사람이 물체를 던져주고 머신이 해당 물체의 특징을 분석 혹은 알고 있는 것을 바탕으로 해당 물체가 어떤 물체라는 것을 특정한다. 그런데 사과가 항상 같은 모양은 아니다. 반을 쪼갠 사과도 사과라는 것을 학습 시킬때 차이가 있다. Rule-base AI 는 해당 특징또한 직접 데이터를 입력해줘야하는 문제가 있다. Machine Learning AI 는 이미 정답을 제시했으니 거기서 특징을 추출해서 학습하기때문에 인간이 개입이 훨씬 적어진다. Unsupervised Learning (비.. 공감수 0 댓글수 0 2023. 9. 4.
  • INFCON(인프콘) 2023 후기 ( 별내용 없음 주의 ) 시간표 공유글을 쬐끔 정성들여서 썼더니... 뽑아주셨다. 그렇게 광복절인 오늘 인프콘을 다녀오게되었습니다. 굿즈기대 안했는데 부스도 거의 13개쯤 됬었고 굿즈도 생각보다 많이 뿌려줘서 너무 감사히 받게 되었습니다. 이런 큰 컨퍼런스는 처음이였는데, 일단 부스에 있는 기업에서 굿즈를 받으려면 강제로 인재풀에 등록해야하는데 오히려 좋아... 연사구글 Apps Script와 ChatGPT로 많은 동료들 생산성 향상 시킨 썰송요창님은 일단 현재 우형에서 구글의 Apps Script를 활용해서 회사 직원분들을 위해서 다량의 이메일 작업을 자동화할 수 있도록하고 프로그래밍을 할 줄 모르는 분들을 위해서 동영상으로 가이드를 찍어 공유하셨다고 하셨다. 그리고 해당 코드작업을 chatGPT를 활용해서 간단히 몇가지만 수.. 공감수 0 댓글수 0 2023. 8. 19.
  • TDD, Clean Code - first cycle 우테코 지원해볼때 한번 해봤던 콘솔 기반 단순 게임을 기반으로한 TDD, CleanCode 스터디를 진행하게 됬었고, 지난 3주가량 code review 및 피드백 받은것과 기억에 남는 것을 기록해보려고 합니다. TDD ( Test driven Development ) 란 ? 테스트를 먼저 작성하고, 그 후 실제 코드를 작성하는 방법인데 단순 먼저 테스트 코드를 짜는게 아닌 주어진 문제를 정의하고 그 해답을 찾아가는 과정이라고 합니다. TDD 사이클 7단계 ( 예시 - 자동차 경주 ) 1. 전체 문제가 해결되었을 때 어떤 상태일지 상상해보기, 결국 내가 뭐하려는 건지에 대해 ? 경주 결과로 우승자를 표시하여 보여준다. 2. 적당한 난이도로 핵심을 포함하여 문제를 쪼개서 변형하기 #1 경주 셋팅 - 자동차.. 공감수 0 댓글수 0 2023. 8. 13.
  • [2023 인프콘 시간표 공유] 계기 이번에 회사에서 새로 합류하게된 동료분이 인프콘을 다 같이 신청하자고 했었다. 하지만 항상 불안한 예감은 틀리지않았다. 하지만 동료 개발자분들 중에 한분이 당첨되셔서 가게되었는데.. 나도 정말 가보고 싶었다. 그 유명한 인프콘이 아니던가.... 그렇게 아쉽게 생각하고 내 머릿속에서 잊혀질쯤 !!! 구걸 https://www.inflearn.com/infcon-2023/schedule/share?id=235876&hash=clcl6084%40cd0d41af&name=%EC%9D%B4%EC%A0%95%EB%AF%BC 이정민 님의 인프콘 시간표는? - INFCON 2023 보고 싶은 세션들로 시간표를 만들어 친구와 공유해 보세요! - 인프런이 만드는 IT인의 축제, 인프콘으로 초대합니다. 인프콘과 함께 .. 공감수 0 댓글수 0 2023. 7. 31.
  • 자동 재생 무한 슬라이더 만들기 1. 슬라이더 디자인의 완성 저 페이지에서는 일단 슬라이더가 위와같이 나왔고, 디자이너랑 내가 생각한 애니메이션은 아래와 같은 무한 스크롤을 차용해서 서로 다른 방향으로 진행하려고 하였다. 2. 라이브러리를 사용해야할까 ? 관련 라이브러리로 Swiper와 React-slick을 고려해보았다. - Swiper 고려해봤지만 약간 저렇게 흘러가듯한 슬라이더 구현은 좀 힘들거 같다는 생각이 들었다. 관련 Example도 안보였고.. 무겁기도했다. https://swiperjs.com/demos#infinite-loop Swiper Demos Swiper is the most modern free mobile touch slider with hardware accelerated transitions and ama.. 공감수 0 댓글수 0 2023. 7. 8.
  • MVC, MVP, MVVM 패턴 MVC 패턴 애플리케이션의 구성 요소를 세 가지 역할로 구분하여 개발 프로세스에서 각각의 구성 요소에만 집중해서 개발할 수 있도록 하는 소프트웨어 아키텍쳐 패턴입니다. 관심사를 모델, 뷰, 컨트롤러라는 세가지 구성 요소로 분리하는 것을 목적으로 합니다. 모델(Model): 모델은 애플리케이션의 데이터와 비즈니스 로직을 나타냅니다. 데이터를 캡슐화하고 조작하며, 데이터에 액세스하기 위한 메서드를 제공합니다. 뷰에서 데이터를 생성하거나 수정하면 컨트롤러를 통해 모델을 생성하거나 갱신합니다. 클라이언트 측 데이터 조작이나 유효성 검사도 포함될 수 있습니다. 뷰(View): 뷰는 응용 프로그램에서 표현 계증을 담당하고, 데이터를 어떻게 사용자에게 표시할지 정의합니다. 이때 모델이 가지고 있는 정보를 따로 저장하.. 공감수 0 댓글수 0 2023. 7. 5.
  • 이터레이터 패턴 ( Iterator Pattern ) 이터레이터 패턴이란 ? 이터레이터를 사용하여 컬렉션의 요소들에 접근하는 디자인 패턴이다. 배열이나 컬렉션과 같은 집합 객체의 요소들에 순차적으로 접근할 수 있는 방법을 제공하면서도 객체의 내부 구조를 노출시키지 않습니다. Iterator 패턴은 컬렉션의 구체적인 구조나 구현 방식에 상관없이 일관된 방식으로 요소들을 반복할 수 있도록 해주므로 코드를 모듈화하고 유연하게 만듭니다. 자바스크립트에서는 내장된 iterator 프로토콜을 사용하여 Iterator 패턴을 구현합니다. Iterator 프로토콜은 객체가 반복 동작을 정의하는 표준적인 방법을 정의합니다. 이 프로토콜을 구현하는 객체는 Symbol.iterator라는 메소드가 제공되어야합니다. 자바스크립트 이터레이터 패턴 예시 const mp = new .. 공감수 0 댓글수 0 2023. 6. 29.
  • Click to Scroll ! ( 클릭해서 이동 ) 토이프로젝트로 MBTI 테스트만드는데 디자인이 이렇게 나왔다. 1. Ref를 통한 ScrollIntoView 메소드 바닐라 자바스크립트에서는 Document에서 직접 DOM를 뽑아서 저 메소드를 사용했었지만, React에서는 useRef를 통해서 저 메소드를 사용해서 ref.current.scrollIntoView() 를 통해서 우리가 원하는 동작을 취할 수 있다. https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView Element: scrollIntoView() method - Web APIs | MDN The Element interface's scrollIntoView() method scrolls the element's .. 공감수 0 댓글수 0 2023. 6. 29.
  • 프록시 패턴 ( Proxy Pattern ) 프록시 패턴이란 ? 대상 객체에 접근하기 전 그 접근에 대한 흐름을 가로채 대상 객체 앞단의 인터페이스 역할을 하는 디자인 패턴입니다. 프록시 객체를 통해 활용하기도 하지만 프록시 서버로도 활용이 많이됩니다. 프록시 서버란 ? 프록시 서버는 클라이언트와 다른 서버 사이에서 중개자 역할을 하는 중간 서버입니다. 클라이언트가 리소스에 접근하기 위해 요청을 보내면, 요청은 먼저 프록시 서버로 전송되고, 프록시 서버는 클라이언트를 대신하여 적절한 서버로 요청을 전달합니다. 프록시 서버는 필요에 따라 요청과 응답을 수정, 필터링 또는 캐시할 수 있으며, 그 후에 클라이언트에게 다시 전송합니다. 그리고 현재 책에서 예시로 든 프록시 서버는 nginx가 있습니다. nginx는 비동기 이벤트 기반의 구조와 다수의 연결.. 공감수 0 댓글수 0 2023. 6. 25.
  • 옵저버 패턴 ( Observer Pattern ) 옵저버 패턴이란 ? 주체가 어떤 객체(object)의 상태 변화를 관찰하다가 상태 변화가 있을 때마다 메서드 등을 통해 옵저버 목록에 있는 옵저버들에게 변화를 알려주는 디자인 패턴입니다. The Observer pattern, also known as the Publish/Subscribe pattern, facilitates communication between two entities: the subject (also called the observable) and the observers (or subscribers). The subject is responsible for maintaining a list of observers and notifying them when a change occur.. 공감수 0 댓글수 0 2023. 6. 24.
  • 전략 패턴 ( Strategy pattern ) 전략 패턴이란? Strategy 패턴을 사용하면 서로 다른 알고리즘이나 동작을 상호 교환 가능한 객체로 캡슐화하여 런타임에 동적으로 전략을 선택할 수 있습니다. 전략 패턴은 상속보다 컴포지션 사용을 장려하는 동작 디자인 패턴입니다. 이를 통해 전략이라고 하는 별도의 클래스 내에 캡슐화된 상호 교환 가능한 알고리즘 구성을 정의할 수 있습니다. 이렇게 하면 전략을 사용하는 클라이언트 코드에 영향을 주지 않고 서로 다른 전략 간에 쉽게 전환할 수 있습니다. 전략패턴의 장점 ? 알고리즘의 캡슐화: 다양한 알고리즘이나 동작을 자체 클래스 내에 캡슐화하여 이해, 수정 및 테스트하기 쉽게 만듭니다. 코드 유지 관리 간소화: 클라이언트 코드와 분리되어 있으므로 전략을 변경해도 다른 전략이나 클라이언트 코드 자체에 영향.. 공감수 0 댓글수 0 2023. 6. 24.
  • 팩토리 패턴 ( Factory Pattern ) 팩토리 패턴이란? Factory 패턴은 객체를 명시적으로 구체적인 클래스를 지정하지 않고 생성하는 방법을 제공하는 생성 패턴입니다. Factory 클래스내에서 객체 생성 로직을 캡슐화하여 공통 인터페이스를 통해 관련 객체의 인스턴스를 생성할 수 있습니다. 즉 상위 클래스가 중요한 뼈대를 결정하고, 하위 클래스에서 객체 생성에 관한 구체적인 내용을 결정하는 패턴이다. 이를 통해 느슨한 결합을 가지며 상위 클래스에서는 인스턴스 생성 방식에 대해 전혀 알 필요가 없기 때문에 더 많은 유연성을 갖게 됩니다. 그리고 객체 생성 로직이 따로 분리되어 있기 때문에 코드 리팩터링할때 한 곳만 고치면 되니 유지보수성이 증가됩니다. 자바스크립트 클래스를 통한 팩토리 패턴 대표적인 예 코드 1 2 3 4 5 6 7 8 9 .. 공감수 0 댓글수 0 2023. 6. 24.
  • 싱글톤 패턴 ( Singleton Pattern ) 잊지않기위해 기록해보겠습니다. 싱글톤 패턴 ( singleton pattern ) Singleton is a design pattern that tells us that we can create only one instance of a class and that instance can be accessed globally. 싱글톤은 클래스의 인스턴스를 하나만 생성할 수 있고 해당 인스턴스는 전역적으로 액세스할 수 있다는 것을 알려주는 디자인 패턴입니다. 그리고 저자분에 의하면 데이터베이스 연결 모듈에 많이 사용된다고 합니다. 싱글톤 패턴은 하나의 인스턴스를 만들어 놓고 해당 인스턴스를 다른 모듀들이 공유하기 때문에 비용이 줄어드는 장점이 있지만 의존성이 높아지게됩니다. 실제 mysql DB 연결 예제입니.. 공감수 0 댓글수 1 2023. 6. 14.
  • 15. 3SUM 문제 https://leetcode.com/problems/3sum/description/ Given an integer array nums, return all the triplets [nums[i], nums[j], nums[k]] such that i != j, i != k, and j != k, and nums[i] + nums[j] + nums[k] == 0. Notice that the solution set must not contain duplicate triplets. 주어진 정수 배열들로 인덱스가 겹치지않고, 모든 합이 0에 만족하는 삼중 항인 [nums[i], nums[j], nums[k]] 반환하세요. 중복 삼중항은 없어야합니다. 무식하게 풀어보기 1 2 3 4 5 6 7 8 9 1.. 공감수 0 댓글수 0 2023. 6. 13.
  • Langchain (랭체인)에 대해 알아보자 ! 계기 요즘 chatGPT같은 생성형 AI와 더불어서 LLM에 대해서 관심이 가서 알아보다가, Language Model 기반의 프레임워크인 Langchain을 알게되었다. 관련된 프레임워크들은 죄다 파이썬으로 되어있어서 포기하던찰나, NodeJS로도 지원해주는 것을 보고 이거다 싶었다. 랭체인이란 무엇일까 ? LangChain is a framework for developing applications powered by language models. We believe that the most powerful and differentiated applications will not only call out to a language model via an API, but will also: Be data.. 공감수 0 댓글수 0 2023. 6. 9.
  • Scroll-Snap ? 해볼게요. 조사 일단 이런 스크롤스냅이 가능한 쥬뗌 치킨 웹사이트를 만들고 싶었습니다. 막 뭔가 엄청난 에니메이션이 필요할 줄 알았는데, 방법은 여러가지가 있지만 제일 간단해 보이는 방법으로 일단 적용해봤습니다. https://ditisbobo.nl/ Dit is BoBo De BoBo is een handige sidekick voor elke ruimte in huis. Aaibaar en eigenwijs. ditisbobo.nl https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-snap-type scroll-snap-type - CSS: Cascading Style Sheets | MDN The scroll-snap-type CSS property sets .. 공감수 0 댓글수 0 2023. 6. 5.
  • 11 - Container With Most Water You are given an integer array height of length n. There are n vertical lines drawn such that the two endpoints of the ith line are (i, 0) and (i, height[i]). 길이 n의 높이에 대한 정수배열이 주어집니다. 여기에는 n개의 수직선이 그려져 있으며, 선의 두 끝점은 (i, 0) 및 (i, height[i])가 됩니다. Find two lines that together with the x-axis form a container, such that the container contains the most water. Return the maximum amount of water a co.. 공감수 0 댓글수 0 2023. 6. 1.
  • 2. Add Two Numbers 문제 두개의 비어있지 않은 양수만을 표현하는 linked list들을 받게되는데, 각 숫자들은 뒤집힌 순서대로 저장되어 있으며 각 노드들은 하나의 숫자만 포함하고 있습니다. 두 숫자를 더해서 그 합을 linked list로 반환하세요. 그 숫자 자체가 0이 아닌이상 선행숫자에 0이 들어가면 안됩니다. 일단 문제를 자세히 읽어봐야했다. 단순히 배열 문제인줄 알고 접근했다가, 절대 풀 수가 없었다. 자료구조에 대한 무지가 이렇게 다가올줄은 몰랐다. 그래서 일단 linked list가 무엇을 말하는지 봤어야했다. 조사 A linked list is an ordered, linear structure, similar to an array. Instead of items being placed at indices.. 공감수 0 댓글수 0 2023. 5. 27.
  • 테오의 컨퍼런스 1기 후기 https://www.teoconf.com/ 테오콘-TeoConf23 모두에게 열려있는 컨퍼런스, 테오콘-TeoConf teo-2023-fe.vercel.app 후기 세션이 총 6분이서 소중한 경험과 인사이트를 공유해주셨다. 모승님은 테오의 스프린트에서 배웠던 경험을 가지고 묵혀두지 않고 본인이 리드하는 스프린트를 계획해서 이어나가시면서 그간 몰입해왔던 경험들을 공유하면서 그의 엄청난(?) 행적들은 봤는데 지난 거의 1년간 숨도 안쉬고 계속해서 프로젝트 및 스터디를 하셨던거같다. 그리고 끝으로 취업까지 하셔서.. 일단 듣고 있는 나로써는 동기부여 475% 정도 끌어올려주셨다. 체다님은 인턴쉽을 하면서 인턴끼리 모여서 했던 사이드 프로젝트가 대표이사님 귀까지 들어가고... OG가 안나오는 그런 버그를 찾아.. 공감수 0 댓글수 0 2023. 5. 24.
  • NextJS 프로젝트 세팅 w/ Husky, eslint, prettier 일단 프로젝트 CNA을 해줍니다 ㅎㅎ ... yarn create next-app --ts --tailwind --eslint 사실 저는 이 과정에 대해서 한번 적은적이 있었기 때문에, 간단하게 설정 파일들만 기록해놓으려고 합니다. 그냥 가져가서 install만 하면 사용할 수 잇게끔.. 일단 저는 제일 보편적인 airbnb꺼를 설치하고 사용했습니다 ~ package.json "scripts": { "dev": "next dev", "build": "next build", "start": "next start", "lint": "next lint", // 허스키가 사전 커밋 훅을 설치하고 설정하기 위한 준비 스크립트 "prepare": "rm -rf .husky && husky install && npx.. 공감수 0 댓글수 0 2023. 5. 21.
    문의안내
    • 티스토리
    • 로그인
    • 고객센터

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

    © Kakao Corp.