Programming(36)
-
[github] 마크다운 목차 링크, 이미지 크기 조정
정말 많이 사용하는 마크다운 링크(md link) 깃헙 목차 링크 만들기 위처럼, 간혹 마크다운을 작성할 때 페이지 내에 목차로 링크를 달고싶을 때가 있다. 그럴 때는 아래와 같이 url 대신 아래 글로 존재하는 목차를 써주면 된다! 괄호 안에는 보여질 목차를 써주고, 대괄호 안에는 아래글로존재하는 한국어는 띄어쓰기는 모두 -로 연결한다. 영문은 소문자로 적어주고, 띄어쓰기는 모두 -로 연결한다. 한국어 : (운영체제의 서론)[#운영체제의-서론] 영어 : (Introduction OS)[#introduction-os] 그러면 이 텍스트를 눌렀을 때 요렇게 잘 이동하게 된다. 구동원리는 uri를 보면 동일하다는 것을 알 수 있다. 깃헙 이미지 링크 이미지 링크를 사용하는 방식이 여러가지 있는데, 정말 기본..
2020.03.02 -
React Hook 이란?
React Hook 이란? 함수형 프로그래밍을 가능하게 해줌. 그말은 즉슨, 리액트에서 클래스를 벗어나서 함수로 사용할 수 있게 된다는 것 ! why? 기존의 리액트는, 컴포넌트 사이에서 state와 관련된 로직을 재사용하기가 어려웠다. state관리가 어려웠기때문에 항상 변경시에는 컴포넌트를 재사용해야하며, 클래스의 계층을 이리저리 왔다갔다해야만 했다. wrapper hell 이라고도 불리는, 이리저리 this 파티와 어떤클래스를 가리키는 this인지 헷갈리는, 그러한 지옥에 빠지게 되는것이다. 그래서 리액트 상태 관련 로직을 공유하기위해서, 훅을 사용하면 여러가지장점이 생긴다. Hook을 사용하면, 생명주기 메서드를 기반으로 쪼개는데 초점을 맞추기보다는 로직에 기반을 둔 작은 함수로 컴포넌트를 나눌 ..
2020.02.24 -
[git] github 잔디가 심어지지 않아요!
깃헙 잔디 안됨. 깃헙 잔디 branch 깃헙 잔디 브랜치 github 잔디가 심어지지 않아요! 역시나 모든 것이 직접 많이 써보면서 비로소 알게되고 그 자체에 대한 이해도가 높아진다. 그중에서도 특히나 깃헙은 경우도 다양하고 버전 관리 도구이다보니 당황했던 일들이 여러가지 있었는데, 그 중 가장 큰 경우가 깃헙 잔디가 심어지지 않아요! 의 경우이다.. 사실상 개발자들을 움직이게 하는 정말 몇픽셀의 도트.. 바로 잔디🌱 하지만 가끔 이 잔디가 ㅠㅠ push하고 확인했는데 commit 이력이 업데이트가 되지 않는다거나, 나는 contribution을 했는데 활동 이력이 남지 않았을 경우들이 발생한다. 그럴 경우의 원인을 파악하고, 해결해보도록 한다. 해결책 git config user.email을 통해 연..
2020.02.13 -
[git] git LFS(Large File Storage)
[Git] git LFS(Large File Storage) 깃헙 저장소 하나당 용량은 1GB로 제한되었다. 하지만 우리의 프로젝트들은 당연 >< 그 용량을 넘는다는 점! 그래서, 저장소를 분산하여 저장할수있는 기능으로 LFS(Large File Storage) 를 사용하면 좋다. 바로 깃에서 대용량 파일을 관리할 수 있다는 매우 큰 장점! 사용 저장소를 분산하는것이 핵심인, 다양한 협업에서 리소스 용량이 큰 경우 특히나 잘 사용했다. 게다가 예상치 못했던 또 하나의 이점!! 깃헙사용이 두려운 디자이너와의 협업 시 잘 사용할 수 있었다. 자신의 클릭한번이 프로젝트를 망칠까 두려워하는 부담감을 많이 덜게해줄 수 있었다. 원리 대용량 파일을 그대로 저장하지 않고 파일이 저장되어있는곳을 text pointer..
2020.02.11 -
npx이란 무엇인가?
npx란? 저번글에서 Node.js, npm, nvm에 대하여 다시한번 정리를 해보았다. Node.js, npm, nvm이란 무엇인가 위 원문은 요약하면, Node.js는 자바스크립트 런타임 환경, npm은 자바스크립트 코드로 Node.js 패키지 매니저, nvm은 위 Node.js의 버전 관리 도구였다. 그렇다면 npx는 무엇일까? 우선, 이 npx를 처음만났을 때로 거슬러가보자. 리액트로 프로젝트를 처음 시작할 때 create-react-app패키지를 인스톨하기위해 npm이 아닌 npx를 사용해야했다. npm crate-react-app my-app npx란 자바스크립트 패키지 관리 모듈인 npm@5.2.0 버전부터 새로 추가된 도구로, 쉽게말하면 npm으로 귀찮았던 과정들이 단순화되어 편해졌다고 볼..
2020.01.25 -
node.js, nvm, npm이란 무엇인가
node.js, nvm, npm이란 무엇인가 contents node.js란 무엇인가 자바스크립트란? 자바스크립트 엔진? 자바스크립트 런타임? npm이란 무엇인가 nvm이란 무엇인가 웹을 공부하면서 node나 npm을 사용하면서도 정작 node.js는 무엇인지 nvm, npm이 무엇인지에 대해서는 깊게 생각하지 않았던 것 같다. 그래서, 한번 정리해보는 시간을 갖도록 해보기로 했다. 📍 1. node.js란 무엇인가? 위키백과 : Node.js는 확장성 있는 네트워크 애플리케이션 개발에 사용되는 소프트웨어 플랫폼이다. org : Node.js®는 Chrome V8 JavaScript 엔진으로 빌드된 JavaScript 런타임입니다. ??? 이게 바로 무슨소리일까. V8이 무엇일까.. V8은 C ++로 작..
2020.01.24