컴퓨터
-
[javascript] 웹개발, frontend, JavaScript 목차컴퓨터/목차 모음 2020. 9. 5. 19:13
* 오버라이딩(overriding) : 상위 클래스가 가지고 있는 메서드를 하위 클래스가 재정의하여 사용하는 방식 (프로퍼티 섀도잉 : 상속관계에 의해 프로퍼티가 가려지는 현상) * 오버로딩(overloading): 함수의 이름은 동일하지만 매개변수의 타입 또는 개수가 다른 메서드를 구현하고 매개변수에 의해 메서드를 구별하여 호출하는 방식 * Emmet + visual studio code extensions : ksj12172.tistory.com/1060 [ 웹 개발 개념들 ] CDN : https://ksj12172.tistory.com/1160 [ 개념들 ] * JavaScript란 : ksj12172.tistory.com/953 * 함수형 프로그래밍 : ksj12172.tistory.com/23..
-
[react] react 목차컴퓨터/목차 모음 2020. 9. 4. 18:00
* 나만의 규칙 : ksj12172.tistory.com/822 * Next.js 및 backend까지 하는 pjt setting: ksj12172.tistory.com/696 * pjt setting with parcel : ksj12172.tistory.com/756 * module import & export, node.js 모듈 시스템 : ksj12172.tistory.com/16 * SPA란 : ksj12172.tistory.com/716 * react란 : https://ksj12172.tistory.com/412 * rootDOM node, reactDom.render(), render할 때 주의 : https://ksj12172.tistory.com/710 * 가상 DOM : ksj1217..
-
[git] git 목차컴퓨터/목차 모음 2020. 9. 4. 16:03
* 회사에서 git 사용 : ksj12172.tistory.com/1068 * Mac : iTerm2, window : cmder(git 내장) * git 설치 확인 : git --version * git이란( distributed VCS, stream of snapshots) : ksj12172.tistory.com/1040 * git cheat sheet : ksj12172.tistory.com/1041 * fast-forward merge: ksj12172.tistory.com/1042 * Three-way merges : ksj12172.tistory.com/1043 * conflict 해결 방법 : ksj12172.tistory.com/1046 * rebase, rebase --onto : ks..
-
[git] git 초기화, 삭제컴퓨터/git 2020. 9. 4. 16:03
source : youtube, 드림코딩 엘리 git 영상 * git을 초기화할 폴더 생성 및 해당 폴더로 이동(mkdir, cd) 1) git init (git 생성, git local repository 생성) => 이후 ls -al을 하면 .git(숨김폴더/파일, ls 명령어로는 보이지 않는다)이 생긴다 => open .git (git 폴더 내부가 열린다) => 기본 branch : master 2) git 삭제 rm -rf .git 3) 프로젝트 생성 후 git repository에 올리기 i) git init ii) github에서 new repository 생성 iii) .gitignore 파일 만들기 검색창에 gitignore nodejs 검색 .gitignore 파일 추가 # Logs lo..
-
[Network] 회선 교환과 패킷 교환컴퓨터/HTTP_네트워크 2020. 8. 1. 14:21
* 데이터 통신 네트워크에서 이루어지는 정보를 송수신하는 방법 * 여러 컴퓨터와 연결하는 방법 1) 회선 교환 교환기를 사용해서 파이프를 교체해가는 방식 동시 통화에 필요한 수 만큼 회선이 필요하다. - 전화 : '교환기'를 사용해서 적은 파이프로도 다수의 접속이 가능 각각의 전화기는 교환기와 연결되어 있고, 교환기끼리 복수의 전화선으로 연결돼 있다 2) 패킷 교환 연결되어 있는 파이프에 분할한 패킷을 보내는 것 복수의 컴퓨터가 회선을 공유할 수 있다. how? 큰 데이터를 분할해서 packet이라고 부른다. 분할했으므로 패킷 1개를 보내는 시간이 짧아진다. 패킷이 회선을 점유하는 시간이 짧아진다. 패킷과 패킷 사이에 다른 패킷을 넣을 수 있다. 서로 다른 복수의 패킷이 한 개의 회선을 사용할 수 있다...
-
[JavaScript] disable right click컴퓨터/JavaScript_typescript 2020. 6. 10. 14:02
* Disable right click source : https://blog.bitsrc.io/10-super-useful-tricks-for-javascript-developers-f1b76691199b 10 Super Useful Tricks for JavaScript Developers Useful Javascript tricks you might have missed. blog.bitsrc.io
-
[react] react02 : transpiler, install create-react-app, setting컴퓨터/React, Next.js 2020. 4. 24. 08:32
* transpiler react code를 자바스크립트로 바꿔주는 툴이 필요 ex) webpack : 모듈 번들러, react 코드를 브라우저가 이해할 수 있는 코드로 변경해준다 이미지 파일을 웹펙을 통해 png로 바꿀 수 있다. 바꾸는 것과 동시에 자동으로 파일 압축도 할 수 있다 내가 파일을 바꿀 때 브라우저를 새로고침 한다거나 자동으로 테스트를 해본다거나 등등 https://ksj12172.tistory.com/317 [Node.js] Webpack : 일을 잘 하고 싶을 때 쓰는 도구 * 공부하며 정리하는 글 source : 생활코딩 목차 1. Webpack이란 : bundle + import, export 사용한 파일도 구형 브라우저에서 사용 가능 2. Webpack 이전 3. 모듈 사용 예시..
-
[JavaScript] textContent, innerHTML, innerText컴퓨터/JavaScript_typescript 2020. 4. 7. 13:41
* textContent 식별자 노드의 내부 콘텐츠를 text/plain으로 파싱한 결과 해당 요소 내부의 원시 텍스트 (raw text) 빠르다 * innerText 텍스트의 렌더링 후 모습을 인식할 수 있다 사용자가 커서를 이용해 요소의 콘텐츠를 선택하고 클립보드에 복사했을 때 얻을 수 있는 텍스트의 근삿값을 제공해준다 원시 텍스트가 최종적으로 렌더링된 모습, 예를 들어 내용 숨김이나 줄바꿈과 같이 의도적인 스타일링이 들어간 후의 모습이다 IE환경에서 성능이 좋다 * innerHTML text/html으로 파싱한 결과 상대적으로 파싱이 느리다(큰 차이는 아니다) 문제 : cross-site scripting 공격에 취약하다