범데이의 개발노트 📄

외부에서 GitHub에 로그인하지 않고 내 GitHub Profile 주소로 들어왔을때 contribution 그래프가 내가 보는 그래프와 다르게 아래와 같이 텅텅 비어있었다. 이유를 찾아본 결과, private repository에 contribution한 내용은 보여지지 않는듯 하였다. 그래서 로그인 한 뒤, 아래와 같이 설정해주게 되었다. contribution 그래프 우측 상단의 "Contribution settings" 를 클릭한 후, "Private contributions" 항목을 클릭해준다. (설명을 읽어보면 "이 항목을 켜면 프로필에 private contributions들이 표시됩니다." 라고 되어있다.) 설정 후에 다음과 같이 "방문자들이 나의 공개 및 비공개 contributions..

회사에서 사내 서버를 통해 NAS환경을 구축하여 주셨고, 사용할 수 있게 알려주셨다. 이 기회에 NAS의 특징이 무엇이고, 어떤 목적으로 활용하는지 알아보고자 한다. NAS(Network Attached Storage) 용어의 의미 그대로 네트워크로 연결된 하드를 말한다. 쉽게 말해 하드와 인터넷이 결합되어 서버의 형태로 외부든, 내부든 그 어디에서도 하드에 접속하여 데이터를 보관하고 수정하고, 관리하게 해주는 하나의 서버라고 생각하면 된다. NAS의 기능 NAS의 활용법은 정말 무궁무진 하지만 가장 기본적이면서 뛰어난 기능은 저장과 공유이다. 1) 저장 기능 - NAS에는 하드디스크를 삽입하여 저장공간을 만든다. - 하드디스크 슬롯 수에 따라 추가적인 하드디스크를 삽입하여 용량 확장이 가능하다. 2) ..

컴퓨터 하드웨어는 대표적으로 3대 요소가 있으며, 이는 CPU, RAM, HDD이다 이들의 무엇이며, 어떤일을 하는것인지 알아보자. CPU / 중앙처리장치 명령어의 해석과 자료의 연산, 비교등의 처리를 제어하는 컴퓨터 시스템의 핵심장치이다. CPU는 사람으로 비교하자면 두뇌라고 생각할 수 있으며, 컴퓨터의 모든 데이터의 연산 처리는 CPU에서 담당하게 된다. CPU 성능이 높을수록 당연히 컴퓨터의 속도도 빨라지게 되며 고사양 프로그램이나 게임을 실행할 때도 더욱 안정적인 속도를 내게 해준다. 다음은 RAM을 알아보기에 앞서 디스크에 대해 먼저 이해하고 넘어가자. HDD(Hard Disk) / 하드디스크 컴퓨터의 정보, 문서, 자료 등을 저장하고 읽을 수 있는 장치이다. HDD(Hard Disk) 는 대표..

1. 개요 자바스크립트에서 값은 원시 값과, 참조 값으로 나뉜다. 원시 값 Number String Boolean Null Undefined 참조 값 Object Symbol 원시 값은 값을 복사할 때 복사된 값을 다른 메모리에 할당하기 때문에 아래와 같이 원래의 값과 복사된 값이 서로에게 영향을 미치지 않는다. const a = 1; let b = a; b = 2 console.log(a); //1 console.log(b); //2 반면에, 참조 값은 변수가 객체의 주소를 가리키는 값이기 때문에 복사된 값(주소)이 같은 값을 가리킨다. const a = {number: 1}; let b = a; b.number = 2 console.log(a); // {number: 2} console.log(b);..

Vue에서 템플릿과 스크립트 간 데이터 양방향 바인딩을 위해 아래와 같이 "v-model" 를 사용한다. 따라서, 이 textarea에 작성되는 값이 "something"이라는 변수에 반영이 되고, 반대로 "something" 변수의 값이 변경되면 이 textarea가 갖는 value도 변경이 된다. 이 v-model은 기본적으로 다음과 같다: :value - 데이터 바인딩. "something" 이라는 변수의 값을 textarea의 value로 설정한다. @input - 이벤트 바인딩. 이 textarea에서 input 이벤트가 발생하면 설정해준 "something = $event.target.value" 코드를 실행한다. 만일 v-model 대신 :value를 작성하면 "something" 변수의 값..

링크: https://github.com/Bumdayy Bumdayy - Overview Bumdayy has 3 repositories available. Follow their code on GitHub. github.com About .. - 각종 라이브러리 작성 - 오픈소스 관리

HTML의 autocomplete특성은 양식 입력 필드 내에서 자동완성 기능을 사용할지 여부를 명시한다. 요소, 요소, 요소, 요소에 사용할 수 있다. 위의 양식 필드 내에 autocomplete="off"를 작성해 주었음에도 불구하고, Chrome이 이전에 입력되었던 항목을 드롭다운 기록으로 보여줄때의 문제를 해결하려 한다. 해결방안1 크롬은 style="display: none;" 이나 style="visibility: hidden;" 스타일의 항목을 무시한다. 그래서 이를 해결하기위해 다음과 같이 할수 있다. 해결방안2 경험에 의하면, Chrome은 첫 번째 와 이전 을 감지하여 자동완성하는 듯 하다. 그래서 자동완성을 무시하고자 하는 태그 상단에 다음과 같이 추가하여 해결할 수 있다. #Refer..

2022. 03. 25(금). 회사에서 코드리뷰를 진행했다. 현재 진행중인 프로젝트의 Flutter로 작성된 앱 개발 소스코드를 보며 진행하였다. 두시간 가량동안 진행되었던 코드 리뷰에서 피드백 받은 사항들을 정리해 보았다. 1. 확장성이 좋은 코드를 짜자. 좋은 코드란 무엇일까? 가독성이 좋고, 유지보수가 용이해야한다. 이 코드를 베이스로 비즈니스의 요구에 맞도록 시스템을 확장하기에 용이한 코드를 작성해야 한다. 2. 언어의 특징을 파악하자. 가령 Javascript를 쓴다면, 왜 Function Base로 작성하였는지, Class Base를 선택하지 않은 이유는 무엇인지 와 같은 이유를 알고 있어야 한다. 이에대해 근거가 없다면 모르는 것일 뿐이고, 그 프로그래밍의 언어에 대해 제대로 알고 짠게 아니..

vue에서 html태그 내에 사용하는 data 단방향 바인딩 예약어로는 ":value", 이벤트 바인딩을 하기위해 "@change" 예약어를 사용하며, 이 둘을 혼합하여 양방향 바인딩을 하기위한 예약어로 "v-model"를 사용한다. 기본적으로 jQuery는 본연의 event system을 사용하기때문에 Vue에서 jQuery가 발생한 이벤트를 잡지 못하기 때문에 혼용하는것은 좋은 방식이 아닌데, 피치못하게 Vue에서 Jquery를 사용하여 HTML 요소 내 값을 직접적으로 건드릴 경우가 있다. 이럴때에는 다음과 같이 해결할 수 있다. jquery 모듈이 없으면 설치해 준다. npm install --save jquery mounted() 생명주기 메서드 내에 jquery 이벤트를 추가해주어 해결할 수 ..

간혹 프로젝트를 진행하다가 Git의 관리대상 파일을 지정하기위해 .gitignore을 설정해 주었는데도, 무시되지 않고 계속 푸시 대상으로 지정되는 경우가 있다. 이 원인은 버전 관리 대상이 되는 파일/폴더가 .gitignore에 지정해주었다고 해서 스스로 지워지지 않기 때문이다. 그 대상 파일/폴더들은 이미 repository에 있고, 이를 해결하기위해 다음과 같이 한다: 이 명령을 실행하기 전에 변경사항을 모두 커밋하는것을 잊지 말자! git rm -rf --cached . git add . 이는 repository의 모든 파일들을 지우고, 다시 모두 add 해준다. (이렇게 해준 뒤에는 .gitignore의 규칙을 준수한다.) 아래는 이를 수행하였을때, .gitignore에 적용하였으나 계속 pus..