개발/개발 관련 Contents (10) 썸네일형 리스트형 우아콘 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(내 번호랑 맞춰봄), 로또 추천(임의의.. 성능최적화 [자바스크립트] 웹 사이트 최적화 라는 글을 읽고 정리하였습니다. 성능최적화 아는대로 애기하시오 이런 질문을 받는다면 나는 어떻게 답변할 수 있을까? => 웹페이지 구동속도를 빠르게 하는 방법으로 인터넷 속도를 늘리거나 서버 로직을 바꾸거나 불 필요한 자원을 낭비하지 않게 하면 됩니다. 정도? 웹 페이지의 반응시간, 속도는 웹서비스의 경쟁력 가운데 하나이다. 웹사이트의 반응 시간 0.1초 : 사용자의 동작에 해당 기능이 바로 반응한다고 느끼는 시간 1초: 불필요하게 오래 기다리지 않았다고 느끼는 시간, 0.2~1초의 시간은 컴퓨터가 동작하는 시간으로 이해될수 있는 시간. 시간이 1초 이상 걸리면 컴퓨터의 동작에 이상이 생겼다고 생각하게 된다. 10초: 사용자가 집중력을 잃지 않는 최대 시간 다양한 성능 .. 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방식등등) 하지만 .. Process vs Thread 프로세스와 스레드의 차이점 예전부터 굉장히 헷갈렸던 개념이고 2 번이상씩 구글링을 통해서 검색해본것 같아서 차라리 나의 언어로 정의하는 것이 낫다고 생각하여 정리해본다. 일단 한국말로 정리해보자면 프로세스는 운영체제로부터 자원을 할당받는 작업의 단위이고 스레드는 프로세스가 할당받은 자원을 이용하는 실행의 단위이다. 이렇게 정의할 수 있다. 프로세스는 실행될 때 운영체제로 부터 프로세스를 할당받고, 운영되기 위해 필요한 주소 공간, 메모리 등 자원을 할당받는다. 스레드란 프로세스 내에서 동작되는 여러 실행의 흐름으로, 프로세스 내의 주소 공간이나 자원들을 같은 프로세스 내에 스레드끼리 공유하면서 실행된다. => 고로 스레드와 프로세스에 대한 질문은 운영체제가 시스템의 자원을 어떤 단위로 할당하고, 프로세스.. Circle-CI 맛보기 이번 Facebook Developer Circles에 참여하여 해커톤을 진행하면서 경험해보지 못한 다양한 툴과 스택을 다루어 보았다. 그중 Circle-CI에 대해서 알아보고 싶어 공부를 해보았다. Github 저장소를 만들고 CRA를 통해 간단한 프론트 프로젝트를 구현하였놓았는데 같은 팀인 욱재님이 "Circle-CI도 붙여 볼까요?" 이러시더니 뚝닥뚝닥 붙이셨다. 그때부터 lint와 test코드에 대한 성공 실패 여부를 slack 메세지로 받을 수 있었고 lint를 push 때 빼먹을 때마다 faild 란 메시지를 볼수 있어 금세 버릇이 들었다(하지만 마지막 커밋도 lint안함..). 어떤 역할을 하는 것인지 알아보도록 하자. CI는 Continuous Integration으로 지속적인 통합이란 뜻.. Mongodb 관리자 계정 추가 후 접근 불가 에러 mongodb를 첫 개발시 admin 계정을 따로 추가하여 보완성을 높이는데 계정을 추가한다. # 첫 접속 mongo # 관리자 db 접근 use admin # 관리자 계정 생성 db.createUser({user: 'name', pwd: 'password', roles: ['root']}) # mongodb 설정 변경사항 적용하기 위해 mongo db stop 시킴 brew services stop mongodb-community # 설정 추가하기 위해 text editer 실행 vim /usr/local/etc/mongod.conf # mongo db 재 시작 brew services start mongodb-community # 생성한 관리자 계정으로 접근 mongo admin -u name -p .. Webpack에 대해 알아보자. 사실 아직은 개발을 하면서 Webpack이 무엇인지를 알지 제대로 사용해본 적이 없었습니다. 지금부터 Webpack에 대해서 제대로 알아봅시다! Webpack을 알아보기 전에 Grunt와 Gulp를 알아보면서 공부를 하면 좋은데 webpack이 나오게 된 이유를 Grunt와 Gulp에 대한 이해에서 찾아볼 수 있습니다. Grunt와 Gulp는 사람의 실수나 반복적인 작업을 줄이기 위한 자동화 툴입니다. 보통 CSS와 JavaScript 파일을 concat, minify, compress, uglify를 하는데 많이 사용합니다. 즉 사전에 필요한 반복적인 작업들을 간단한 작업만으로도 진행할 수 있습니다. 또한, 이들은 Nodo.js에서 사용할 수 있으며 여러 plugin을 활용할 수 있습니다. Grunt .. 이전 1 2 다음
