전체 글

코테는 안한지 오래됐지만... PCCP 무료 응시권을 헛되게 날린 수 없어서... 최대한 해 보는 벼락치기 ⚡️프로그래머스 레벨1, 2 문제들 최대한 다시 풀어보자 !! 더보기- 5/7(화) : Lv1 20문제- 5/8(수) : Lv1 20문제- 5/9(목) : Lv1 10문제- 5/10(금) : Lv1 10문제 + Lv2 5문제- 5/11(토) : Lv1 5문제 + Lv2 5문제- 5/12(일) : Lv2 5문제- 5/15(수) : Lv1 10문제잔여) Lv1 4문제 Lv2 38문제  🧩 약수와 소수약수 = 어떤 수를 나누었을 때 나머지가 0인 수를 그 수의 '약수'라고 함소수 = 약수로 1과 자기 자신만을 갖는 어떤 수 (= 1과 자기자신으로만 나누어지는 수)ex) 5는 1, 5로 나누어진다. 5의..

WAVED와 함께 챌린지의 파도를 넘어 취업으로!   안녕하세요!저희는 멋사로켓단 1기의 팀 세니티 입니다 🦁 🚀 멋사로켓단이란?프로그래밍 교육 업체 멋쟁이사자처럼에서 주관하는 실무 프로덕트 개발 프로그램입니다. 제가 소속된 팀 세니티는 UI/UX 디자이너 2명, 프론트엔드 개발자 3명, 백엔드 개발자 2명, 총 7명으로 구성되어 있습니다. 그리고 저는 이곳에 프론트엔드 개발자로 참여하게 됐어요 👩🏻‍💻   이번에 장장 2개월의 개발 기간을 거쳐개발 직군 취준생을 위한 챌린지 플랫폼 WAVED를 런칭(04/22)하게 되었습니다!! 이 기쁜 마음을 담아 제 블로그를 통해서도 웨이브드를 가볍게 소개해봅니다 🐋   🔗 서비스 링크 : https://waved-likelion.site WAVED챌..

로컬 개발 환경을 모바일 기기에서도 확인해 보기 위한 수단! 아주 유용하게 사용하고 있는 ngrok에 대해서 알아보자 Ngrok https://ngrok.com/ ngrok | Unified Application Delivery Platform for Developers ngrok is a secure unified ingress platform that combines your global server load balancing, reverse proxy, firewall, API gateway and Kubernetes Ingress Controller to deliver applications and APIs. ngrok.com Secure tunnels to localhost Ngrok는 방화벽을..

때는 Sprint1. 웨이브드의 대략적인 기획이 완료되어 프로토타입 디자인을 기다리던 중이었다. 이 기간 동안 프로젝트 스케폴딩을 하고 기술 스택을 확정하는 시간을 가졌다. 프론트엔드 3명이 모두 다룰 수 있는 React는 확정인 상태였기 때문에 React의 개발 도구 선택지로 Vite와 Next.js 중에서 고민했다.  Vite vs Next.jshttps://ko.vitejs.dev/ ViteVite, 차세대 프런트엔드 개발 툴ko.vitejs.devVite는 React 등 다양한 프레임워크를 지원하는 빌드 도구로 '차세대 프론트엔드 개발 도구'라는 슬로건을 걸고 있다. CRA(create-react-app)과 비교하여 빠른 응답 속도와 개발 편의성을 지원한다. 우리 팀의 모든 프론트엔드 개발자들은 ..

올 한해는 의미있는 한해가 되었으면 하는 마음으로 경기도청년봉사단 (이하 경청봉) 6기 단원으로 활동하게 됐다! 😉 경청봉은 경기도에 거주하는 만19-39세 청년들로 이루어진 경기도자원봉사센터 주관의 청년봉사단으로 이번 6기는 육각형 청년이라고 칭해지며 2024년 한 해 동안 경기도의 다양한 봉사활동에 참여할 수 있게 된다. 기본적으로 자유로운 참여가 가능하고 대부분의 봉사활동이 주말에 이루어지는 점에서 현재 취준생 신분인 내가 활동하기에도 좋을 것 같아 지원했다. 서류 지원은 1/21까지 진행됐고 1/31에 최종적으로 합격 소식을 받았다! 🏡 https://cafe.naver.com/ggvcyouth/ 경기도청년봉사단 공식카페 : 네이버 카페 경기도자원봉사센터에서 운영하는 경기도청년봉사단 공식카페 입니..

우연히 예전에 방치한 velog에서 작성한 글이 꽤나 많은 조회수를 낸 사실을 알았다...! 내용을 조금 더 보완해서 티스토리로 다시 가져와본다. 👉 Velog 글 원본 바로가기 - wai-aria 이용해서 탭 UI 만들기 wai-aria 이용해서 탭 UI 만들기 평소에 사용하던 탭 UI를 제작하고 수정하던 와중에 동료분이 wai-aria 한 번 이용해보면 어떨까 말씀을 남겨주셔서 찾아보게 됐다. 이번 기회에서는 dom에 수정을 해야하는 불가피한 상황에 놓여 velog.io (마크업 개발자 시절) 평소에 사용하던 탭 UI를 유지보수하는 업무 중 동료분이 wai-aria 한 번 이용해보면 어떨까 말씀을 남겨주셔서 관련한 내용을 찾아보게 됐다. 이번 기회에서는 기존에 작성된 dom에 수정을 해야하는 불가피한..

이전에 작성한 포스팅인 [JAVASCRIPT] Variables : 변수와 상수 - let, const, var 중 심화에 해당하는 변수 선언과 할당과 var에 대한 내용을 정리한다. [JAVASCRIPT] Variables : 변수와 상수 - let, const, var Variable 변수 변할 수 있는 데이터 사용자나 서버로부터 입력 받은 데이터를 저장할 때 쓰이는 "이름이 붙은 저장소" 데이터 저장을 위해 확보한 메모리 공간 자체 또는 그 메모리 공간을 식별하 s-ryung.tistory.com 변수 앞서 정의했던 변수(Variable)에 대해 되짚어보자면 변수는 하나의 값을 저장하기 위한 메모리 공간 자체 또는 그 메모리 공간을 식별하기 위해 붙이는 고유한 이름(식별자)이다. var result..

Cloud Firestore Firebase 사용자는 데이터베이스 역할로 Cloud Firestore를 활용할 수 있다. 이 데이터베이스는 'collection > document > field' 3중 구조로 구성된다. Firestore가 책장이라면 collection은 책 '주민등록부'라는 collection은 여러 사람들의 개인 정보를 가진 책이다. 한 사람의 개인 정보 문서인 document들로 구성되어 있는 것이다. '이령'이라는 document를 하나 골라 열면 '이령'의 '생년월일', '주민등록번호', '주소' 등이 기입되어 있을텐데 이것 각각이 field인 셈이다. 데이터베이스의 구조에 대한 사전 설명은 이쯤하고 사용자는 이렇게 만들어진 데이터베이스를 앱 내에서 가져와 활용할 수 있다. Re..

문제 발생파이어베이스를 사용한 프로젝트 진행 중 어려움을 겪고 있던 부분이 있었는데바로 Firestore 사용량...  Firebase를 무료로 이용하는 경우, 하루 데이터 read 수를 50,000회로 제어하고 있다.보통이라면 이 50,000회를 넘치게 사용하기는 쉽지 않고실제로 조금 더 대형 프로젝트인 감자마켓도 하루를 제외하고는 일일 5만 건을 넘긴 적이 없었다.  그런데 개인 프로젝트인 내 제트위터🍧가 어느순간부터24시간 계속 열어두고 작업한 것도 아닌데, 조금만 켜두어도 사용량을 순식간에 다 먹어버리는 거다.   제발.... 제발 그만해 다오.....😱😱😱해야 할 작업이 산더미인데 자꾸 저러니 프로젝트 진행에 큰 걸림돌이 됐다.  이 참에 전체적인 성능 개선이나 하자하고SEO 강화, 이미..

프로그래머스에 접속한 지윤👸이가 알려줘서 접속해봤더니 올해 2023년 코딩 테스트 연습 문제를 얼마나 풀었는지 알려주는 서비스를 제공하고 있었다! 이런건? 그냥? 못지나치지? 바로 확인해본다 👉 이벤트 바로가기 2023년 연말결산 회고 이벤트 2023년 연말결산 회고 이벤트 programmers.co.kr 상위일건 예상하고 들어갔는데 정답을 맞춘 문제가 334개나!! 평균인 32개의 10배나 되는 수를 기록했다 ㅎㅎㅎ 수치로 보니 꽤나 뿌듯 🤗 작년 12월 처음 코딩테스트를 대비를 시작했고 하반기에 네부캠 지원을 목표로 하는 과정에서 특히 많이 이용했었는데 그 때의 영향이 큰 것 같다 하루 5문제씩 풀이하던 날이 있었지~ 덕분에 중간 중간 실전으로 마주했던 코딩테스트에서 잘 풀이하고 나오는 날도 많았던 ..