Dev

Dev

Prologue / WEB1 - HTML & Internet

군대에서 교양 뿐만 아니라 프로그래밍 공부를 하기로 마음먹었다. 스스로 전공적으로 많이 부족하다고 느꼈기 때문이다. 그러나 싸지방 컴퓨터 사양과 공부 환경 때문에 코딩 공부를 하는 것은 굉장히 힘들었다. 비주얼 스튜디오 등의 프로그램을 설치하려고 했지만 실패했다. 또, 만약 다른 가벼운 프로그램을 설치한다고 해도, 재부팅 시 자료가 삭제되어 매번 세팅하는 데 너무 오랜 시간을 빼앗길 것이 뻔했다. 제한적인 환경 속에서 방법을 찾기 위해 많은 고민과 조사를 거쳤다. 그 결과 나온 결론은 '클라우드 IDE를 통한 웹 프로그래밍 공부'였다. 우선, 클라우드 IDE를 사용하면 다른 프로그램의 설치가 필요없이 코딩 환경을 구축할 수 있다. 나는 가장 일반적으로 사용되는 구름 IDE를 선택해 사용중이다. 덕분에 컴..

Dev

JavaScript란 무엇인가?

JavaScript는 프로그래밍 언어의 하나로, HTML, CSS와 함께 웹을 구성하는 중요한 요소 중 하나이며 웹 애플리케이션에서 동작을 담당한다. 기본적으로 코드가 한 줄 씩 실행되는 인터프리터 언어이며, JIT(Just-in-time) 컴파일 방식으로 실행될 수도 있다. 자바스크립트는 원래 프론트엔드(클라이언트 사이드) 프로그래밍에 많이 사용되었지만, 최근에는 Node.js라는 플랫폼의 등장으로 백엔드(서버 사이드) 프로그래밍에도 많이 사용된다. 또한 웹을 벗어난 애플리케이션 개발에도 사용되고 있다. 자바스크립트를 기반으로 한 수 많은 라이브러리 / 프레임워크의 등장으로 커뮤니티가 활성화되어 있고, 현 시점 가장 많은 개발자들이 사용하는 언어 중 하나이다. React : 자바스크립트 라이브러리의 일..

Dev

DOM

Javascript 리서치 도중 DOM이라는 키워드가 나와 조사해 봄 Critical Rendering Path : 웹 브라우저가 원본 HTML 문서를 읽어들인 후, 스타일을 입히고 대화형 페이지로 만들어 뷰 포트에 표시하기까지의 과정. 크게 두 단계로 나뉨 1) 브라우저가 읽어들인 문서를 파싱하여 최종적으로 어떤 내용을 페이지에 렌더링할지 결정하는 단계 * 파싱(Parsing) : 일련의 문자열을 의미있는 토큰(token)으로 분해하고 이들로 이루어진 파스 트리(parse tree)를 만드는 과정, 구문분석 2) 브라우저가 해당 렌더링을 수행하는 단계 DOM(Document Objet Model) : 웹 페이지에 대한 인터페이스 / HTML 요소들의 구조화된 표현 CSSOM(Cascading Style..

Dev

Github 기초

생활코딩 유튜브 - Github.com 강의를 통한 Github 사용법 학습 - Github에서 repository(프로젝트) 생성 - Code에서 commits(버전) 관리 - GIT 프로그램 시연 영상 시청 (GIT서버 - 내부 저장소 동기화) - repository에 멤버 추가 - Issues : 게시판으로, 다양한 카테고리별로 분류하여 글 작성 가능. 소통의 창구로 기능 - Wiki : 프로젝트에 관련된 지식들을 체계적으로 관리 - Insights : 프로젝트에 관한 정보를 확인할 수 있음 - Fork 버튼을 통해 자기 repository로 복제 가능 - Pull requests : Fork를 통해 복제해 자기가 작업한 코드를 사용해달라고 요청 - Actions : GIT 세팅 가능 (ex. pu..

HYOSITIVE
'Dev' 카테고리의 글 목록 (4 Page)