728x90 전체 글89 [React] React에 대하여 React는 메타(구 페이스북)에서 개발한 오픈소스 자바스크립트 라이브러리입니다. React는 서버가 담당하던 화면 처리 작업들을 자바스크립트를 통해서 브라우저가 처리하는 SPA(Single Page Application)의 형식을 전제로 하고 있습니다. 비슷한 기능을 하는 프레임워크들은 Vue.js나 Angular.js가 있으나, 현재는 React가 가장 많이 쓰입니다. React의 장점 1) 컴포넌트(Component) 재사용 가능 React는 UI를 독립적인 부품인 컴포넌트로 분리한 뒤, 이 컴포넌트들을 조합하는 컴포넌트 기반 구조를 따릅니다. 화면의 각 부분들이 구분되어져 있기 때문에 전체 코드를 파악하기가 쉽습니다. 그리고 각 컴포넌트를 별개의 파일로 저장할 수도 있기 때문에 코드를 재사용하기에.. 2024. 1. 3. [Node.js] Node.js에 대하여 Node.js “Node.js is an open-source, cross-platform JavaScript runtime environment.” Node.js는 브라우저에서만 실행할 수 있었던 자바스크립트를 컴퓨터(Server-Side)에서 실행할 수 있게 하는 환경입니다. Node.js의 기본 패키지 관리자는 npm입니다 (python-pip과 같은 관계). 상황에 따라서 yarn이나 pnpm과 같은 패키지 매니저를 사용할 수도 있습니다. Node.js 설치 방법 Windows/Mac의 경우: https://nodejs.org/en/download/ 에서 설치파일 다운로드 리눅스의 경우: curl -sL .x | sudo bash - sudo apt install -y nodejs Node.js .. 2024. 1. 3. [jQuery] 부모/자식 요소 선택자 jQuery에서 parent() 메서드와 children() 메서드를 이용해서, 특정 요소의 부모 요소와 자식 요소를 선택할 수 있습니다. 1st Line #target1 #target2 #target3 2nd Line #target4 #target5 #target6 3번째 줄의 코드에서는 id가 target1인 요소의 부모 요소의 background-color 값을 red로 설정합니다. 4번째 줄의 코드에서는 id가 line2인 요소의 자식 요소들의 color 값을 blue로 설정합니다. nth-child(n) 선택자를 사용하면 형제 요소들을 선택할 수도 있습니다. 괄호 안에는 숫자, an+b, even, odd와 같은 값이 들어갈 수 있습니다. * an+b : a, b는 상수이며, n에는 음이 아닌 .. 2023. 12. 29. [jQuery] 요소의 복제 - clone() 메서드 jQuery에서 clone() 메서드를 이용해 하나의 요소를 복제할 수도 있습니다. 다음의 예시에서는 clone() 메서드 다음에 appendTo() 메서드를 이어서 사용하였습니다. * 이렇게 메서드 여러개를 이어서 사용하는 것을 Method Chaining이라고 합니다. 1st Line #target1 #target2 #target3 2nd Line #target4 #target5 #target6 2023. 12. 28. [jQuery] 요소의 이동 (append, prepend) jQuery를 이용해서 웹페이지에 1) 새로운 요소를 추가하거나 2) 기존의 요소를 이동할 수 있습니다. 1) 새로운 요소를 추가하는 것은 append()나 prepend() 메서드를 활용할 수 있습니다. 2) 기존의 요소를 이동하기 위해서는 appendTo()와 prependTo() 메서드를 활용할 수 있습니다. 다음 코드와 실행 결과를 통해서 append() 와 appendTo() 메서드의 작동 방식을 알 수 있습니다. 1st Line #target1 #target2 #target3 2nd Line #target4 #target5 #target6 append() 의 경우, 어디에 넣을지 먼저 선택한 뒤에("#line2") 전달 받은 내용('#target7')을 삽입합니다. appendTo()의 경우,.. 2023. 12. 28. .vimrc 파일 설정 vimrc 파일 위치 및 생성cd ~vim .vimrc" Tab의 칸 수를 설정set tabstop=4 set expandtab set shiftwidth=4 " 행 번호 표시set number " auto indent 설정set autoindent " 현재 라인, 행 번호 색깔 설정hi CursorLine ctermfg=DarkGray hi LineNr ctermfg=White " " ' ( [ { 입력 시 자동으로 닫기inoremap " "" inoremap ' '' inoremap ( () inoremap [ [] inoremap { {} inoremap { {} " 커서 위치 저장au BufReadPost * \ if line("'\"") > 0 && line("'\"") \ .. 2023. 9. 24. 이전 1 ··· 4 5 6 7 8 9 10 ··· 15 다음 반응형
