반응형 분류 전체보기158 골프가 처음인 당신에게! 골프규칙에 대해서 --안녕하세요, 오늘은, 골프의 정의와 규칙에 대해서 알아보도록 하겠습니다.골프란?: 클럽(club)으로 공을 쳐서 경기장에 파 놓은 홀(hole)에 차례차례 넣어 가는 구기(球技).모두 18홀을 돌며,타수(打數)가 가장 적은 사람이 승리함.각 홀을 플레이해서 총타수를 계산하는스트로크 플레이와각 홀마다 승패를 겨루는매치 플레이의 형식이 있음골프 규칙 1. 경기- 코스에서 플레이는 홀의 순서에 따라 진행해야 한다.- 경기자는 반드시 골프 룰을 따라야 한다.- 정규 라운드는 1라운드 18홀이다.2. 클럽과 볼- 경기에 사용하는 클럽은 14개를 초과할 수 없다.- 볼을 치다가 클럽이 손상되면 다시 샷을 할 수 있다.- 경기 중 손상된 클럽은 다른 클럽으로 교체할 수 없다.- 볼이 망가진 경우를 제외하고 홀이 .. 2024. 9. 9. vue 설치 및 개발환경 셋팅 - -안녕하세요?오늘은, 프론트엔드 중에서 자바스크립트 기반의 프레임워크인 Vue.js의 설치에 대해서 알아보도록 하겠습니다. vue 프로젝트를 만들기 위해서는, 우선 node.js와 npm이 설치가 되어야 합니다. 아래 사이트에서 node.js를 다운합니다. https://nodejs.org/ko/ 다운로드가 완료 되었으면, 설치파일을 실행시켜 줍니다. Next 버튼 클릭동의에 체크를 해 주신 후, Next 버튼 클릭 설치 경로를 지정해 줍니다. Next 버튼 클릭 설치할 항목들을 선택 해줍니다. Next 버튼 클릭 Next 버튼 클릭 Install 버튼 클릭 설치 완료 모습입니다. Finish 버튼 클릭 - 이제, vue 명령어와 빠른 프로젝트 생성 및 관리를 할 수 있도록 .. 2024. 9. 9. 자바 환경변수 설정 자바 버전 변경 - - 안녕하세요, 오늘은 프로그래밍 환경설정 중 제일 첫 단계인, 자바 환경변수 설정 및 자바 버전 변경에 대해서 알아보도록 하겠습니다. 우선, 오라클 홈페이지에 접속하여 JDK를 설치하여 줍니다. URL은 아래와 같습니다. https://www.oracle.com/java/technologies/downloads/#jdk17-windows 저같은 경우에는, 개인 로컬에서 작업을 할 용도로, 스텐다드 에디션인 Java SE 중에서도, 가장 최신버전인 17을 다운로드 하였습니다. 지, 다운로드 된 파일의 압축을 해제하고, 설치를 진행합니다. - 자바 버전 확인을 합니다. 1). CMD 창 오픈 후, 명령어 입력합니다. ※ 자바 버전 확인 명령어 : java -version 방법1) 윈도우키 + R (실행.. 2024. 9. 5. 리액트 프로젝트 만들기! 리액트 프로젝트 간단 생성 (create-react-app 사용) - 1. create-react-app 설치명령어 입력 : npm install -g create-react-app (=npm i -g create-react-app) npm을 이용해, create-react-app 설치 완료 화면 2. create-react-app 을 이용해 프로젝트 생성 명령어 입력 : create-react-app 프로젝트명 create-react-app을 이용한, 리액트 프로젝트 생성 완료 화면 3. 개발 서버 실행 프로젝트 디렉토리 위치에서 명령어 입력 : npm start npm을 이용한, 리액트 프로젝트 개발서버 실행 화면 npm을 이용한, 리액트 프로젝트 개발서버 정상 실행 화면 리액트 프로젝트 실행 완료 후, 정상 브라우저 접속 화면 2024. 9. 5. 앵귤러 (=Angular) 개념 및 특징 정리 - [정의]2009년에 발표한 구글에서 만든 자바스크립트 프레임워크자바스크립트로 만든 클라이언트 측 MVC/MVVM 프레임워크 모던 단일 페이지웹 어플리케이션 개발의 정수 [특징]자바스크립트로 작성할 코드량을 줄여줌: DOM을 선택/조작하는 코드 작성 불필요 양방향 데이터 바인딩이 가능: 모델의 데이터와 뷰 데이터가양방향 데이터 바인딩이 되어모델이 바뀌면 뷰 데이터도 같이 변경됨 HTML, CSS, 로직 등의 개발 영역의 분리: 기존에는 DOM 조작과 이벤트 처리를 위해HTML을 숙지하고 있어야 했지만,AngularJS는 뷰 코드와 로직 코드가명확히 분리 [개념 및 주요요소] Model: 단순 자바스크립트 객체로 된 데이터: 보통 JSON으로 표현되는 어플리케이션의특정한 데이터 구조: JSON 데이.. 2024. 9. 5. 뷰 (=Vue (/vjuː/)) 개념 및 특징 정리 - - 개념 : Java Script 기반의 2세대 프레임워크 중 하나: React에서 영향을 받음: 사용자 인터페이스를 만들기 위한 프로그레시브 프레임워크: 다른 단일형 프레임워크와 달리 Vue는 점진적으로 채택할 수 있도록 설계: 핵심 라이브러리는 뷰 레이어만 초점을 맞추어, 다른 라이브러리나 기존 프로젝트와의 통합이 매우 쉬움: 현대적 도구및지원하는 라이브러리와 함께 사용한다면, 정교한 단일 페이지 응용프로그램을 완벽하게 지원 가능 - 출처 : https://kr.vuejs.org/ Vue.jsVue.js - The Progressive JavaScript Frameworkvuejs.org 2024. 9. 2. 리액트 프로젝트 만들기! 리액트 (React) 설치 부터, 환경설정, 기본 셋팅까지! -오늘은, 리액트에 대해서 알아보고,리액트 사용을 위한 필수 설치 및 환경 설정을 해보도록 하겠습니다. - 리액트 사용을 위한 필수 설치 및 환경입니다. node.js 설치 (npm)React project 설정webpack 설치babel 설치React 설치 및 설정 (webpack+babel 프로젝트)Hot module replacement 설치... 1. node.js 설치합니다. (npm) : 다운로드 사이트 → https://nodejs.org/en/ Node.js — Run JavaScript EverywhereNode.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.nodejs.org ※ npm ( Node P.. 2024. 9. 2. 리액트 (=React) 개념 및 특징 정리 - - 단순 개념 : 페이스북이 만든 사용자 UI 구축을 위한 컴포넌트 기반 라이브러리: 오직 사용자의 View에만 초점을 맞춤: Reuting 같은 기술이 미포함( but, 현재는 프레임워크 위치 수준 > 커뮤니티의 활발성 ) - 대표적인 특징 1. JSX 문법: 자바스크립트 안에서 html 문법을 사용하여 view를 구성할 수 있게 도와주는 자바스크립트 문법 2. Component 기반: 하나의 html 코드가 아닌, 여러 부분을 분할해서 코드의 재사용성과 유지보수성을 증가 3. Virtual DOM: DOM의 한계를 탈피기 위해 나온 대안: 변화를 가상 돔에서 미리 인지 후 변화( = 불필요한 렌더링 및 연산 비용의 절감화 ): 바뀌지 않은 부분과 바뀐 부분을 자동으로 감지 후 업데이트( = 가상 .. 2024. 9. 2. 이전 1 ··· 3 4 5 6 다음 반응형
