전체 글
-
내가 헷갈려서 정리하는 자바스크립트 네이밍 규칙들...~! PascalCase (파스칼 케이스)각 단어의 모든 첫 글자는 대문자로 작성하는 표기법e.g. ) CardType, UserService, PaymentInterface사용 케이스생성자 함수, 클래스, 인터페이스 등의 이름을 작성할 때 사용한다.camelCase (카멜 케이스)첫 단어는 소문자로 시작하고, 이후의 각 단어는 대문자로 작성하는 표기법e.g. ) myVariable, calculateInterestRate(), getUserDetails()사용 케이스 변수나 함수, 메서드 등의 이름을 작성할 때 사용한다.kebab-case (케밥 케이스)모든 단어를 소문자로 작성하고, 단어 사이를 하이픈(-)으로 구분하여 작성하는 표기법예) us..
리액트 코드 네이밍 규칙 (Coding Conventions) (+ 초보도 쉽게하는 단축키 설정하기!!)내가 헷갈려서 정리하는 자바스크립트 네이밍 규칙들...~! PascalCase (파스칼 케이스)각 단어의 모든 첫 글자는 대문자로 작성하는 표기법e.g. ) CardType, UserService, PaymentInterface사용 케이스생성자 함수, 클래스, 인터페이스 등의 이름을 작성할 때 사용한다.camelCase (카멜 케이스)첫 단어는 소문자로 시작하고, 이후의 각 단어는 대문자로 작성하는 표기법e.g. ) myVariable, calculateInterestRate(), getUserDetails()사용 케이스 변수나 함수, 메서드 등의 이름을 작성할 때 사용한다.kebab-case (케밥 케이스)모든 단어를 소문자로 작성하고, 단어 사이를 하이픈(-)으로 구분하여 작성하는 표기법예) us..
2024.05.13 -
다얼유 키보드를 산 지 벌써 9개월쯤 되는 거 같은데 점점 키보드와의 권태기가 왔다.아무래도 매일 사용하다보니사용하다 보니 예쁘다고 생각했던 키캡도 너무 익숙하고 키감도 너무 많이 사용하다 보니 조금 별로라고 생각할 만큼 권태기가 와버렸다. 그래서 구매해본 🕷️ 독거미 키보드 🕷️ 독거미 키보드는 유튜브에서 잇섭이나 눈쟁이님이 리뷰하시는 걸 봐서 가성비에 키캡도 괜찮고 성능도 좋은 키보드가 있구나라는 건 알고 있었다. 그런데 유명해지다 보니 가성비였던 가격에서 사람들이 플미를 너무 많이 붙여서 가격이 거의 2배 이상으로 파는 사람도 있고, 대부분 품절이라 넘겼던 키보드였다. 그러다가 어느 날 새벽 눈쟁이님의 영상을 보게 되고 물론 아래 영상은 눈쟁이님의 이벤트 영상이었지만, 사실 이벤트..
가성비 기계식 키보드, 독거미 키보드 🕷️ (AULA F87 Pro) 사용 후기 🚀다얼유 키보드를 산 지 벌써 9개월쯤 되는 거 같은데 점점 키보드와의 권태기가 왔다.아무래도 매일 사용하다보니사용하다 보니 예쁘다고 생각했던 키캡도 너무 익숙하고 키감도 너무 많이 사용하다 보니 조금 별로라고 생각할 만큼 권태기가 와버렸다. 그래서 구매해본 🕷️ 독거미 키보드 🕷️ 독거미 키보드는 유튜브에서 잇섭이나 눈쟁이님이 리뷰하시는 걸 봐서 가성비에 키캡도 괜찮고 성능도 좋은 키보드가 있구나라는 건 알고 있었다. 그런데 유명해지다 보니 가성비였던 가격에서 사람들이 플미를 너무 많이 붙여서 가격이 거의 2배 이상으로 파는 사람도 있고, 대부분 품절이라 넘겼던 키보드였다. 그러다가 어느 날 새벽 눈쟁이님의 영상을 보게 되고 물론 아래 영상은 눈쟁이님의 이벤트 영상이었지만, 사실 이벤트..
2024.05.08 -
지난 5월 2일 드디어 테코톡을 무사히 마쳤다. 정말 우여곡절 끝에 무사히 마쳐서 너무 다행이다.테코톡 준비는 생각보다 힘들었다. 물론 내가 시간 분배를 못한 점도 컸다. 그 과정에 대해서 작성해보고자 한다. 레벨 2를 시작한 지 이틀 뒤 테코톡 모집 공지가 나왔다. 사실 처음에는 신청할까 말까 많이 고민했다. 지금 내가 준비된 게 맞을까? 그렇다고 언제까지 미룰 수 있는 걸까?라는 두 생각이 머릿속을 떠다녔다. 그리고 모집 마감이 6시간 남은 목요일.. 난 갑자기 테코톡을 신청해 버렸다. 왜 그랬는지는 사실 모르겠다. ‘다음에 하자’가 70프로였던 거 같은데 미션을 일찍 제출하니 갑자기 자만심이 들었나 안도감에 잠깐 돌았나…? 아무튼 신청을 하고 난 직감 했다. 나 무조건 발표 5월 2일이겠다…그럴..
[우테코 6기] 테코톡 진행 후기 🫠지난 5월 2일 드디어 테코톡을 무사히 마쳤다. 정말 우여곡절 끝에 무사히 마쳐서 너무 다행이다.테코톡 준비는 생각보다 힘들었다. 물론 내가 시간 분배를 못한 점도 컸다. 그 과정에 대해서 작성해보고자 한다. 레벨 2를 시작한 지 이틀 뒤 테코톡 모집 공지가 나왔다. 사실 처음에는 신청할까 말까 많이 고민했다. 지금 내가 준비된 게 맞을까? 그렇다고 언제까지 미룰 수 있는 걸까?라는 두 생각이 머릿속을 떠다녔다. 그리고 모집 마감이 6시간 남은 목요일.. 난 갑자기 테코톡을 신청해 버렸다. 왜 그랬는지는 사실 모르겠다. ‘다음에 하자’가 70프로였던 거 같은데 미션을 일찍 제출하니 갑자기 자만심이 들었나 안도감에 잠깐 돌았나…? 아무튼 신청을 하고 난 직감 했다. 나 무조건 발표 5월 2일이겠다…그럴..
2024.05.07 -
레벨 1이 끝난 게 믿기지가 않는다. 그리고 레벨 2 개강이 이틀 남았다는 것도 믿기지 않는다. 내 방학 다 어디갔지…? 걱정했던 것과 다르게 우테코를 정말 빠르게 적응한 거 같다. 사실 이미 레벨 1 회고를 작성했는데 이전에 작성했던 회고와 달리 내 블로그의 회고들이 너무 개발과 관련된 이야기만 적힌 거 같아서 데일리 생활기와 개발 성장면에서의 회고를 나눠보려고 한다. 지난 한 달 생활기 이후 한 달은 이전 달보다 더 빨리 지나간 거 같다. 안녕 오랜만! 오랜만에 랩실 사람들을 만났다. 서울에서 보니 왜 이렇게 신기한지 그래도 거진 3달 만에 만나는데 어색한 게 없다. 만나서 강남을 가봤는데 여긴 정말 서울 같다. 선릉은 건물만 많은 회사 동네 같다면 여긴 정말 너무 크다 커! 퇴근하고 걸어가서 피자를..
[우테코 6기] 우아한테크코스 레벨 1 수료 생활기 🚀레벨 1이 끝난 게 믿기지가 않는다. 그리고 레벨 2 개강이 이틀 남았다는 것도 믿기지 않는다. 내 방학 다 어디갔지…? 걱정했던 것과 다르게 우테코를 정말 빠르게 적응한 거 같다. 사실 이미 레벨 1 회고를 작성했는데 이전에 작성했던 회고와 달리 내 블로그의 회고들이 너무 개발과 관련된 이야기만 적힌 거 같아서 데일리 생활기와 개발 성장면에서의 회고를 나눠보려고 한다. 지난 한 달 생활기 이후 한 달은 이전 달보다 더 빨리 지나간 거 같다. 안녕 오랜만! 오랜만에 랩실 사람들을 만났다. 서울에서 보니 왜 이렇게 신기한지 그래도 거진 3달 만에 만나는데 어색한 게 없다. 만나서 강남을 가봤는데 여긴 정말 서울 같다. 선릉은 건물만 많은 회사 동네 같다면 여긴 정말 너무 크다 커! 퇴근하고 걸어가서 피자를..
2024.04.14 -
이렇게 우테코 레벨 1이 마무리되었다. 시간이 정말 빨리 지나간 거 같다. 마지막 주에서는 미션을 마치고 레벨 1을 돌아보기를 했는데 그때 적어놓은 것들을 기억이 사라지기 전에 정리해보려고 한다. 8주간의 이야기를 정리하니 매우 길 예정이다. 연극으로 시작한 우테코 🪐 이제와 돌아보니 연극은 정말 별개 아니였다. 기억도 가물가물할 정도인데 그땐 인생의 흑역사가 될까 봐 그렇게 걱정했는지 모르겠다. 우리 조도 요즘 하는 말이 그 연극 덕분에 조끼리 더 친해졌던 거 같다고 한다. 나도 동의한다. 수치스러운 경험을 공유하니 왠지 모를 동료애가 더 생겼달까.. 🚗 자동차 경주로 미션 시작 자동차 경주 미션 자체는 프리코스 내용과 크게 다른게 없었던 거 같다. 하지만 페어와 함께 해야 하다 보니 초반에 세팅하는 ..
[우테코 6기] 레벨 1 돌아보기 회고 📌이렇게 우테코 레벨 1이 마무리되었다. 시간이 정말 빨리 지나간 거 같다. 마지막 주에서는 미션을 마치고 레벨 1을 돌아보기를 했는데 그때 적어놓은 것들을 기억이 사라지기 전에 정리해보려고 한다. 8주간의 이야기를 정리하니 매우 길 예정이다. 연극으로 시작한 우테코 🪐 이제와 돌아보니 연극은 정말 별개 아니였다. 기억도 가물가물할 정도인데 그땐 인생의 흑역사가 될까 봐 그렇게 걱정했는지 모르겠다. 우리 조도 요즘 하는 말이 그 연극 덕분에 조끼리 더 친해졌던 거 같다고 한다. 나도 동의한다. 수치스러운 경험을 공유하니 왠지 모를 동료애가 더 생겼달까.. 🚗 자동차 경주로 미션 시작 자동차 경주 미션 자체는 프리코스 내용과 크게 다른게 없었던 거 같다. 하지만 페어와 함께 해야 하다 보니 초반에 세팅하는 ..
2024.04.12 -
나란 사람은? 나는 혼자서 모든 걸 해결해야 한다는 생각이 강하다. 좋게 말하면 본인 일에 책임감이 강하다. 나쁘게 말하면 스트레스를 받아도 주변에 이야기하지 않는다. 어떤 문제는 주변 사람들과 이야기하면 더 쉽게 해결될 수도 있다. 해결은 안 되더라도 도움을 얻을 수 있다. 혹은 위로라도. 누군가는 자신의 고민을 방송에 나와서 수만 명에게 공유하기도 한다. 아니면 가까운 이에게 넌지시 이야기해 볼 수도 있다. 하지만 난 그 쉬운 걸 못 한다. 왜 고민을 사람에게 잘 공유하지 못할까? 아무래도 초라한 모습이나 부끄러운 모습을 보여주기 싫은 거 같다. 그걸 약점이라고 생각하는 거 같다. 우테코에서의 나는? 새로운 환경이라고 해도 사람은 크게 변하지 않는다. 오히려 본인이 원래 어떤 사람이었는지 더 잘 보여..
[우테코 6기] 유연성 강화하기 - `나`나란 사람은? 나는 혼자서 모든 걸 해결해야 한다는 생각이 강하다. 좋게 말하면 본인 일에 책임감이 강하다. 나쁘게 말하면 스트레스를 받아도 주변에 이야기하지 않는다. 어떤 문제는 주변 사람들과 이야기하면 더 쉽게 해결될 수도 있다. 해결은 안 되더라도 도움을 얻을 수 있다. 혹은 위로라도. 누군가는 자신의 고민을 방송에 나와서 수만 명에게 공유하기도 한다. 아니면 가까운 이에게 넌지시 이야기해 볼 수도 있다. 하지만 난 그 쉬운 걸 못 한다. 왜 고민을 사람에게 잘 공유하지 못할까? 아무래도 초라한 모습이나 부끄러운 모습을 보여주기 싫은 거 같다. 그걸 약점이라고 생각하는 거 같다. 우테코에서의 나는? 새로운 환경이라고 해도 사람은 크게 변하지 않는다. 오히려 본인이 원래 어떤 사람이었는지 더 잘 보여..
2024.04.11 -
벌써 레벨 1의 마지막 미션이 끝났다. 우테코 첫 등교가 엊그제 같은데 벌써 마지막이라니 믿기지가 않는다. 이번 영화 리뷰 미션은 비동기 통신이 핵심인 미션이었다. 학습 목표를 따라서 이번 미션에서는 API 통신을 처리할 때 고려해야 하는 다양한 문제를 직접 경험해 보면서 해결 방법을 고민해 보는 시간을 가졌다. ✅ 베포 사이트 영화 리뷰 웹앱 📍 학습 목표 step 1 API 연동을 위한 테스트 환경 경험 실제 동작하는 API를 통한 비동기 통신 UX 경험 개선을 위한 더 보기(페이징) 구현 step 2 상세 정보 조회, 별점 매기기 UI/UX 개선 하기 step 1 step1에서는 메인 페이지에서는 인기순으로 정렬된 페이지를 그리고 검색을 했을 때는 검색된 결과물을 보여주는 결과 페이지가 있었고 모든..
[우테코 6기] 레벨 1 마지막 - 영화 리뷰 웹앱 미션 회고 ❗️벌써 레벨 1의 마지막 미션이 끝났다. 우테코 첫 등교가 엊그제 같은데 벌써 마지막이라니 믿기지가 않는다. 이번 영화 리뷰 미션은 비동기 통신이 핵심인 미션이었다. 학습 목표를 따라서 이번 미션에서는 API 통신을 처리할 때 고려해야 하는 다양한 문제를 직접 경험해 보면서 해결 방법을 고민해 보는 시간을 가졌다. ✅ 베포 사이트 영화 리뷰 웹앱 📍 학습 목표 step 1 API 연동을 위한 테스트 환경 경험 실제 동작하는 API를 통한 비동기 통신 UX 경험 개선을 위한 더 보기(페이징) 구현 step 2 상세 정보 조회, 별점 매기기 UI/UX 개선 하기 step 1 step1에서는 메인 페이지에서는 인기순으로 정렬된 페이지를 그리고 검색을 했을 때는 검색된 결과물을 보여주는 결과 페이지가 있었고 모든..
2024.04.04 -
오늘은 우테코를 진행하면서 배운 디바운스와 스로틀 개념에 대해서 정리해 보겠다. 이 정리는 우테코 수업과 모던 자바스크립트 딥 다이브 책을 읽고 정리해보았다. 짧은 시간에 과도한 이벤트가 연속으로 발생한다면? 이러한 이벤트에 바인딩한 이벤트 핸들러가 과도하게 호출되어서 성능에 문제를 일으킬 수 있다. 또 데이터 호출 버튼을 매우 빠르게 연속해서 눌러 생기는 성능 저하를 막고 싶다면? 사용자가 창 크기 조정을 멈출 때까지 기다려다가 resize event 를 해주고 싶다면? 입력창에 자동완성을 보여주고 싶은데 키보드 입력키 하나하나마다 해주고 싶지 않다면? 디바운스와 스로틀을 사용하여 불필요한 잦은 요청 제어와 일정 주기마다 원하는 동작을 제어하게 할 수 있다. debounce 디바운스는 짧은 시간에 연속..
[JavaScript] debounce, throttle 개념 정리오늘은 우테코를 진행하면서 배운 디바운스와 스로틀 개념에 대해서 정리해 보겠다. 이 정리는 우테코 수업과 모던 자바스크립트 딥 다이브 책을 읽고 정리해보았다. 짧은 시간에 과도한 이벤트가 연속으로 발생한다면? 이러한 이벤트에 바인딩한 이벤트 핸들러가 과도하게 호출되어서 성능에 문제를 일으킬 수 있다. 또 데이터 호출 버튼을 매우 빠르게 연속해서 눌러 생기는 성능 저하를 막고 싶다면? 사용자가 창 크기 조정을 멈출 때까지 기다려다가 resize event 를 해주고 싶다면? 입력창에 자동완성을 보여주고 싶은데 키보드 입력키 하나하나마다 해주고 싶지 않다면? 디바운스와 스로틀을 사용하여 불필요한 잦은 요청 제어와 일정 주기마다 원하는 동작을 제어하게 할 수 있다. debounce 디바운스는 짧은 시간에 연속..
2024.04.03