개발 (22) 썸네일형 리스트형 우아콘 2023 후기 by 3년차 프론트엔드 개발자 11월 15일에 개최했던 2023 우아콘을 다녀왔다. 코로나 이전 다녀왔던 2020년 1월 GDG 이후 첫 컨퍼런스였고 기술에 진심인 우아한 형제들의 개발자들의 생각과 개발에 대한 애정을 배울 수 있기에 단박에 신청을 했고 나는 단박에 떨어지고 내 동생이 단박에 붙었다. 나는 김동원이 아닌 김민지로 참석을 하게 되었다. 개발자지만 내가 아닌 팻말을 메고 있다해서 큰 이슈는 없었지만 상품받을 때 약간의 착오가 있어 내 상품을 못 탈뻔했다 ㅎㅎ 나는 행사시작 한시간 전에 방문을 했고 미리 어떤 발표들이 있는지 살펴보았다. https://woowacon.com/presentations WOOWACON 2023 한 번의 배달을 위해 필요한 모든 기술들 woowacon.com 아래 링크로 세션을 참고하시면 좋겠고.. 강남사자봇 사용설명서 업비트 조회 예시) 업 비트코인(업비트에 있는 정확한 코인 이름으로 검색) 예시2) 업 ㅇㄷ (사전 추가시 단축어로 조회 가능) 빗썸 조회 ex) 빗 비트코인 주식 조회 예시) 주식 테슬라(한국, 미국 주식 조회 가능) 오픈씨 조회 예시) 옾 메타콩즈 (the-meta-kongz) 사전 기능 사전추가예시 사전추가 [단축어] [해당어] 사전목록 사전삭제 김프 조회: 예시) 김치 프리미엄 날씨 조회 : 예시) 날씨 반포 (네이버 날씨 기반으로 날씨 뒤에 지역 붙여서 조회 가능) 실시간 검색어 조회 계산 기능 22.9.14 달러, 엔화, 파운드, 위안, 유로 계산 기능 추가완료 로또 조회, 추천, 맞추기 가능 : 예시) 로또(최근당첨 번호), 내로또 1 2 3 4 5 6(내 번호랑 맞춰봄), 로또 추천(임의의.. mongodb connection, authrization error를 만나다 mongodb 교육중 재미있는 에러를 만났다. back과 front가 만들어진 서비스에서 back mongo db를 connect 하는 도중 db는 기록되었다고 하나 compass와 db 파일을 가니 생성되지 않는 경우였다. 그래서 db의 path가 잘못된 것으로 판단하여 열심히 setting 을 변경하는 도중 이 부분에는 에러가 없다는 것을 깨달았다. 해보았던 것 dbpath 변경 db껏다키기 ⇒ brew services restart mongodb-community mongod.conf authrization 설정 db user 권한 부여 & 새로 만들기 구글링 끝에 여러 시도를 해보았고 문제가 없다고 판단하여 backend 쪽에 connection 부분의 코드를 뜯어보기 시작했다. 여기서 문제를 해.. react-router-dom v6 무엇이 바뀌었는가? React-router-dom에 많은 변경사항이 생겼다 해서 찾아보았다. 차이점을 알아보고 마지막에는 hashRouter와 browserRouter의 차이점까지 알아보자. 그전에 react-router에 대해 간단히 알아보면 React에서 브라우저 라우팅을 관리하기 위해 사용하는 라이브러리로 spa의 약점을 보완하기 위해 나왔다. 말 그대로 라우팅을 다루며 다른 주소에 다른 화면을 보여주는 역할을 한다. React 프로젝트를 하면 필수적으로 사용하는 라이브러리이다. 일단 이 포스팅은 react-router에 대해 알아보는 것이 아닌 v5 → v6로 업데이트로 변경된 점을 알아보기 위한 글이므로 여기까지만 정리하고 넘어가자. Switch대신 Routes 기존에는 Switch를 사용하여 복수개의 route를.. React 톺아보기를 보고 정리하기_1 1. Preview 이 글은 리액트 사용법에 대한 글이 아니다. 리액트를 통해 프로젝트를 진행한 경험이 있고 동작 방식을 어렴풋이 이해하기는 하지만 여전히 리액트가 마법처럼 느껴지고 응용 에러 디버깅 등에 어려움을 겪는 사람들을 위해 작성되었다. 시리즈의 내용은 사용자의 상호 작용으로부터 훅을 통해 컴포넌트가 업데이트되고 DOM에 마운트되기 까지의 일련의 과정을 실제 코드를 통해 분석해 나가게 될 것이다. 코드에 변형을 가하지 않고 코드 그대로 변수 하나하나 뭣을 위해 선언되었는지 A-Z 까지 알아보자. 시리즈 끝에는 아래 질문들의 답을 파악하도록 하자. Virtual DOM이 무엇인지 컴포넌트 상태가 바뀌었을 때 리액트는 어떻게 해당 컴포넌트를 리-렌더링시키는지 어떻게 변경된 부분만 DOM에 마운트 되.. 성능최적화 [자바스크립트] 웹 사이트 최적화 라는 글을 읽고 정리하였습니다. 성능최적화 아는대로 애기하시오 이런 질문을 받는다면 나는 어떻게 답변할 수 있을까? => 웹페이지 구동속도를 빠르게 하는 방법으로 인터넷 속도를 늘리거나 서버 로직을 바꾸거나 불 필요한 자원을 낭비하지 않게 하면 됩니다. 정도? 웹 페이지의 반응시간, 속도는 웹서비스의 경쟁력 가운데 하나이다. 웹사이트의 반응 시간 0.1초 : 사용자의 동작에 해당 기능이 바로 반응한다고 느끼는 시간 1초: 불필요하게 오래 기다리지 않았다고 느끼는 시간, 0.2~1초의 시간은 컴퓨터가 동작하는 시간으로 이해될수 있는 시간. 시간이 1초 이상 걸리면 컴퓨터의 동작에 이상이 생겼다고 생각하게 된다. 10초: 사용자가 집중력을 잃지 않는 최대 시간 다양한 성능 .. MongoDB vs MySQL Node를 공부하면서 MySQL과 MongoDB 둘다 공부를 하는데 두 시스템의 차이가 무엇인지, 왜 Node에선 MongoDB를 많이 사용하는지 궁금해졌다. 공부하면서 정리한 내용을 공유해보자. MySQL은 오라클 사가 갖고 있는 대표적인 RDBMS이다. Table에 데이터를 저장하고 SQL을 이용하여 DB에 접근한다. MySQL 개발자는 Product에서 사용할 데이터를 위해 다양한 테이블의 정보를 합치는 JOIN 쿼리를 이용하게 된다. MySQL는 데이터베이스 스키마를 먼저 정의해야 하며 테이블에 들어갈 필드들에 대한 규칙을 규정하여 사용한다. 이에 반해, MongoDB는 NoSQL 데이터베이스로써 JSON과 닮은 형태의 document로 데이터를 저장한다. Document는 관련된 데이터를 한 번.. Tortoise (svn gui tool) 서버에서 file을 가져오고 변경 사항을 저장하고 업로드하면 개발서버에 바로 반영되는 시스템이었다. git으로 vcs을 처음 시작한 나로선 svn을 처음 접해보았고 생소했지만 버젼컨트롤을 하기 위한 도구라는 입장에서 접근하였는데 git add ⇒ stg에 접속하여 추가하고 싶은 파일들을 tourinday_teasing.txt에 적고 git commit ⇒ shop_sync_svn tourinday_teasing.txt 를 하여 커밋을 하고 git push ⇒ svnup shop을 통해 운영에 sync를 맞추어주는 형태이다(master). 이렇게 git 과 svn은 비슷하지만 조금 더 정교한 컨트롤은 git 이 좀 더 정교한 설정을 할 수 있는것 같다(바뀐 파일만 적용하거나 gitflow방식등등) 하지만 .. 이전 1 2 3 다음
