본문 바로가기
반응형

개발이야기65

퍼블리셔와 프론트엔드 개발자가 알면 좋은 추천 크롬 확장프로그램! 해당 크롬 확장프로그램은 내가 써보고 괜찮다고 생각했던 것들 위주로 작성함~ 이 밖에도 추천하고 싶은 크롬 확장프로그램이 있다면 댓글에 남겨주세요😉 크롬 웹 스토어 바로가기 CSSViewer CSS뷰어는 간단한 CSS 속성 뷰어 확장프로그램! 마우스를 올린 영역의 폰트, 텍스트, 색상, 박스, 위치 등에 대한 정보를 보여준다 간단하고 빠르게 CSS 속성을 볼 수 있어 아주 유용한 확장프로그램~ CSSViewer A simple CSS property viewer. chrome.google.com HeadingsMap 페이지 Heading 구조를 보여주는 확장프로그램! 이 확장프로그램은 전에 한번 소개글을 쓴 적이 있으니 자세한 설명은 해당 글에서 확인~🙂 (HeadingsMap 소개글로 이동) Headi.. 2021. 12. 10.
SSR vs CSR [SSR] - 서버에서 랜더링을 끝내고 데이터를 HTML 파일로 내려주는 방식 - 초기 로딩 속도가 빨라 사용자가 컨텐츠를 빨리 볼 수 있다 - 서버에 매번 요청을 하기 때문에 서버 부담이 커진다 - 매번 페이지를 요청할 때마다 새로고침 되기 때문에 사용자 UX가 떨어진다 - SEO(검색엔진 최적화)가 가능하다 [CSR] - 최초 요청시에 HTML과 CSS, Javascript 등 각종 리소스를 받아와 서버에 데이터만 요청하고 자바스크립트로 뷰를 컨트롤하는 방식 - 초기 요청 때SSR보다 많은 리소스를 요청하기 때문에 빠르게 랜더링하기 하여 사용자 UX가 뛰어나다 - 서버에 요청하는 횟수가 적기 때문에 서버 부담이 덜하다 - 모든 HTML과 CSS, Javascript 등 각종 리소스가 로드될 때까지 기.. 2021. 8. 26.
HTML input number 화살표를 없어보자! input number를 쓰면 우측에 숫자를 증가/감소 해주는 화살표가 나온다 디자인적으로 우측 화살표가 이쁘지 않아서 없애고 싶다면 CSS에 아래 코드를 추가하면 된다! input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; } 출처 https://www.w3schools.com/howto/howto_css_hide_arrow_number.asp 2021. 8. 8.
클린코드(Clean Code). 의미 있는 이름짓기2 ✨ 기발한 이름은 피하라 기발하고 재미난 이름보다 명료한 이름을 선택하라 특정 문화에서만 사용하는 농담은 피하는 편이 좋고 의도를 분명하고 솔직하게 표현하는 것이 좋다 ✨ 한 개념에 한 단어를 사용하라 메서드 이름은 독자적이고 일관적이어야 한다 그래야 주석을 뒤져보지 않고도 프로그래머가 올바른 메서드를 선택한다 고로 일관성 있는 어휘는 코드를 사용할 프로그래머가 반갑게 여길 선물이다 ✨ 말장난을 하지 마라 한 단어를 두가지 목적으로 사용하지 마라 지금까지 구현한 add 메서드는 모두가 기존 값 두 개를 더하거나 이어서 새로운 값을 만든다고 가정하자 새로 작성하는 메서드는 집합에 값 하나를 추가한다고 하면 일관성을 지키기 위해 add라고 불러야하나? 하지만 이 새 메서드는 기존 add 메서드와 맥락이 다르.. 2021. 6. 10.
클린코드(CleanCode) - 의미 있는 이름1 ✨ 의도를 분명히 밝혀라 이름을 주의 깊게 살펴 더 나은 이름이 떠오르면 개선하기 변수나 함수 그리고 클래스 이름을 지을 때는 존재 이유, 수행 기능, 사용 방법을 따로 주석으로 쓰지 않아도 될 이름으로 지어야 한다 ✨ 그릇된 정보를 피하라 나름대로 널리 쓰이는 의미가 있는 단어를 다른 의미로 사용하면 아니되며, 서로 흡사한 이름을 사용하지 않도록 주의한다 또한 유사한 개념은 유사한 표개법을 사용한다 ✨ 의미 있게 구분하라 연속된 숫자(a1, a2, a3, ...)를 덧붙이거나 불용어(a, an, the)를 추가하는 방식은 적절하지 못하다 Info나 Data는 a, an, the와 마찬가지로 의미가 불분명한 불용어이다 ex) moneyAmount → money / customerInfo → custome.. 2021. 3. 29.
Clean Code 클린코드 에자일 소프트웨어 장인 정신 - 개발자 필독서 프로젝트 경험을 해보면 어떤 코드는 읽기 쉬운 반면에 또 다른 어떤 코드는 읽기가 어렵기도 하다 기존 코드를 쉽게 읽을 수 있다면 새 코드를 짤 때도 읽기 쉽게 만들어진다는 말을 들은 적이 있다 또한 잘 짠 코드와 깨끗한 코드는 다르다고도 들었다 이러한 얘기를 들었을 때 어떻게 하면 깨끗한 코드를 짤 수 있느냐고 물으니 클린코드 책을 추천해주셨다 그리하여 개발자 필독서라고 책을 읽게 됐다 처음 읽자마자 감탄이 절로 나왔다 첫 아이 이름을 짓듯이 심사숙고해서 변수 이름을 지어야 한다는 말이 너무나도 나에게 콕 박혀서 😂 변수뿐 아니라 그 어떠한 이름을 지을 때마다 어떻게 지어야 하나 고민을 하는데 그 모습이 정말 첫 아이 이름을 짓듯이 심사숙고하고 있는 내 모습이라섴ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 이렇게 .. 2021. 3. 24.
반응형