개발 공부 기록

Clean Code https://book.naver.com/bookdb/book_detail.nhn?bid=7390287 Clean Code 『CLEAN CODE(클린 코드)』은 오브젝트 멘토(OBJECT MENTOR)의 동료들과 힘을 모아 ‘개발하며’ 클린 코드를 만드는 최상의 애자일 기법을 소개하고 있다. 소프트웨어 장인 정신의 가치를 심어 주며 �� book.naver.com 책을 읽기 전에 짓던 변수명과 책을 읽고 난 후 짓는 변수명이 엄청 달라졌다. 또한 이전에는 주석을 통해 나의 코드를 설명했었다. 하지만 이제 나는 주석을 쓰지 않는다. 변수명과 코드 구조를 잘 활용하여 글을 읽는 것 같은 코드를 작성하기 위해 노력 중이다. 좋은 개발자, 협업하고 싶은 개발자가 되고 싶다면 이 책을 읽을 것..

[1, [2,[3, 4]],'hello', 'world', null] 의 값과 type, value, child의 구조를 갖는 Object를 만들었다고 했을 때, 각 명령어에 따른 출력은 다음과 같다. console.log(object)​ console.dir(object, { depth: null }) console.dir(object, { depth: null }) 사용을 통해 객체를 상세하게 출력할 수 있다.

부스트 캠프 챌린지 과정을 통해 배운 점/느낀 점 우선 이 글을 읽는 사람들을 위해 챌린지 과정에 대해 짧게 설명하겠다. 챌린지 과정에서의 주 활동은 아래와 같았다. 1. 피어세션 - 동료들과 코드, 학습 내용에 대해 토론하고 피드백하는 시간 2. 미션 - 스스로 주어진 미션을 해결하며 코딩하는 시간 3. 학습정리 - 미션을 하면서 공부한 내용을 정리하고, 피어세션에서 토론할 내용을 정리하는 시간 1. 문제를 스스로 해결하는 능력 향상 소프트웨어학과를 3.5년간 다니면서 정말 많은 과제와 프로젝트를 했다. 가끔 막히는 부분이 있으면 주변에서 도와주는 사람들이 있었기 때문에 부스트 캠프를 처음 시작할 때 과연 내가 혼자만의 힘으로 처음부터 끝까지 미션을 다해낼 수 있을까? 하는 걱정도 있었다. 챌린지가 끝..

주니어 개발자를 위한 취업 정보 https://github.com/jojoldu/junior-recruit-scheduler jojoldu/junior-recruit-scheduler 주니어 개발자 채용 정보. Contribute to jojoldu/junior-recruit-scheduler development by creating an account on GitHub. github.com 예비 개발자들의 기술 면접 준비 자료 정리 https://github.com/JaeYeopHan/Interview_Question_for_Beginner JaeYeopHan/Interview_Question_for_Beginner :boy: :girl: Technical-Interview guidelines wri..

게이지바를 포인팅할 삼각형이 필요해서 삼각형 도형을 만들어보았다. HTML코드 CSS 코드 .triangle{ width: 0px; height: 0px; border-top: 25px solid transparent; border-right: 50px solid red; border-bottom: 25px solid transparent; } .triangle-2{ width: 0px; height: 0px; border-top: 25px solid transparent; border-left: 50px solid green; border-bottom: 25px solid transparent; } .triangle-3{ width: 0px; height: 0px; border-top: 50px sol..

tistory에서 제공하는 코드 블럭을 통해 블로그 글에 코드를 넣는 방법에 대해서 알아보았다. 게시글 작성시 코드블럭을 선택한 뒤, 원하는 언어를 선택하고 코드를 입력한다. 확인 버튼을 누르면 아래와 같이 코드가 삽입된다. .gauge-box{ height: 100vh; width: 180px; } .gauge-p{ font-size: 24px; font-style: bold; color: white; text-align: center; } .gauge-bar{ width: 50px; height: 400px; } 만약 업로드할 코드블럭의 테마를 변경하고 싶다면, 설정 -> 플러그인 -> 코드 문법 강조 에서 원하는 테마를 선택하면 된다.

CSS와 Javascript를 개발 할 때, 일반 Chrome의 경우 캐시 때문에 변경한 내용이 즉시 반영되지 않는 경우가 많다. 이럴 때 해결할 수 있는 방법으로 두가지 방법이 있다. 첫번째 방법은 크롬의 새로고침 버튼을 길게 클릭하거나 마우스 우측 버튼을 클릭하면 아래의 메뉴가 나와 캐시를 비우면서 새로고침하는 것이다. 두번째 방법은 시크릿 모드에서 실행하는 것이다. 나는 두번째 방법이 더 편하기 때문에 크롬 시크릿 모드를 기본으로 실행하도록 설정을 변경하였다. 우선 크롬의 속성 창을 띄운다. 그 다음 속성창의 대상의 끝에 --incognito 를 추가해준다. 적용을 누르면 시크릿 모드가 기본 모드로 설정된 것을 확인할 수 있다.

그라데이션 배경을 설정하는 방법이 필요해서 찾아보던 중 아래 사이트를 알게 되었다. https://www.colorzilla.com/gradient-editor/ Ultimate CSS Gradient Generator from ColorZilla A powerful Photoshop-like CSS gradient editor www.colorzilla.com 방향, 색상 등을 직접 설정할 수 있고 변경한 내용이 반영된 코드를 복사해서 사용할 수 있다.