JavaScript For Creo33 깃-허브 학습]git으로 파워포인트 문서 관리 □ 문서관리의 필요성문서 관리는 개인이나 조직이 정보를 효율적으로 정리, 보관, 활용하기 위해 필수적인 활동입니다. 문서 관리가 필요한 이유는 다음과 같습니다. 1. 정보의 효율적인 활용:문서를 체계적으로 관리하면 필요한 정보를 쉽고 빠르게 찾을 수 있습니다.과거의 정보를 바탕으로 의사 결정을 내리거나 업무를 수행할 때 효율성을 높일 수 있습니다.정보를 공유하고 협업하는 과정에서 발생할 수 있는 혼란을 줄일 수 있습니다.2. 업무 효율성 향상:문서 검색 및 처리 시간을 단축하여 업무 생산성을 높일 수 있습니다.중복된 업무를 방지하고 자원 낭비를 줄일 수 있습니다.문서 관리 시스템을 통해 업무 프로세스를 자동화하고 효율성을 극대화할 수 있습니다.3. 정보 보안 강화:중요한 정보가 담긴 문서를 안전하게 보관.. 2025. 3. 3. 깃-허브 학습] 소스트리 (SourceTree) □ 소스트리(SourceTree) 소개소스트리(SourceTree)는 Atlassian에서 개발한 Git 버전 관리 시스템을 위한 무료 GUI 클라이언트입니다. 소스트리는 복잡한 Git 명령어를 시각적으로 표현하여 사용자가 쉽게 버전 관리를 할 수 있도록 도와줍니다.▷ 소스트리의 주요 기능:1. 시각적인 Git 작업:커밋, 브랜치, 병합 등의 Git 작업을 시각적으로 표현하여 초보자도 쉽게 이해하고 사용할 수 있습니다.히스토리 그래프를 통해 프로젝트의 변경 이력을 한눈에 파악할 수 있습니다.2.쉬운 Git 저장소 관리:로컬 및 원격 저장소를 쉽게 추가, 삭제, 관리할 수 있습니다.GitHub, GitLab, Bitbucket 등 다양한 Git 호스팅 서비스와 연동됩니다.3. 강력한 기능:대화형 리베이스,.. 2025. 3. 1. 깃-허브 학습] 깃(Git)을 배워봅시다 #4 □ 깃(Git)을 이용하여 프로젝트 관리 하기프로젝트는 폴더 구조를 이용하여 관리합니다. 프로젝트마다 발생하는 문서는 하위 폴더를 만들고 저장 합니다. 파일의 버전관리는 git을 사용 합니다. 프로젝트 폴더를 구성해 보세요. 간트 차트를 사용하고 있으면 폴더 구성이 용이 합니다. 프로젝트를 폴더로 관리 합시다제품설계 (프로젝트)를 하면 다양한 문서와 CAD 파일을 만들고, 데이터를 수집 합니다. 이것은 다양한 폴더를 만들고 관리 합니다. "프로젝트" 단위로 폴더를 만들고, 폴더는 프로잭트 순서(프로tool-2020.tistory.com폴더들을 아래와 같이 구성 할것 입니다. creo 모델은 "3d_model" 폴더에 저장 합니다. creo의 경우 git의 branch 기능을 사용 하려면, 파일 확장자 뒤.. 2025. 3. 1. 깃-허브 학습] 깃(Git)을 배워봅시다 #3 □ Git add작업 디렉토리에서 변경된 파일을 스테이징 영역(staging area)에 추가하는 역할을 합니다. 스테이징 영역(staging area)은 실제 폴더가 아닙니다. 이는 .git 디렉터리 내의 index 파일로 구현됩니다. 따라서 스테이징 영역이라는 이름의 폴더는 없습니다. Git add 명령을 수행 하면, index 파일이 생성 됩니다Git의 .git 디렉터리 내의 스테이징 영역(staging area)에사 ".index"와 ".objects"는 Git의 핵심 구성 요소입니다. 이 둘은 Git이 버전 관리를 수행하는 데 중요한 역할을 합니다.▷ .index (인덱스)1. ".index"의 역할:인덱스는 현재 브랜치가 추적 중인 모든 파일의 상태를 기록하고 관리합니다.git add 명령.. 2025. 2. 28. 깃-허브 학습] 깃(Git)을 배워봅시다 #2 □ git init git init 명령어는 현재 디렉토리를 Git 저장소로 만드는 명령어입니다. 이 명령어를 실행하면 현재 디렉토리 안에 .git이라는 숨겨진 폴더가 생성됩니다. 이 폴더는 Git 저장소의 모든 정보(커밋 기록, 브랜치 정보 등)를 담고 있습니다.□ git addgit add 명령어는 변경된 파일이나 새로 생성된 파일을 Git의 Staging Area에 추가하는 명령어입니다. Staging Area는 커밋(commit)에 포함될 변경 사항들을 모아두는 곳입니다.git add [파일명] - 명령어를 입력하고 Enter 키를 누릅니다.▷git add 명령어 옵션git add .: 현재 폴더의 모든 변경된 파일과 새로 생성된 파일을 Staging Area에 추가합니다.git add -u: .. 2025. 2. 26. 깃-허브 학습] repository 만들기 - 작업중 깃-허브 학습]깃-허브란?□깃-허브(GitHub)란 무엇일까요?깃허브(GitHub)는 개발자들이 사용하는 웹 기반의 저장소이자 협업 플랫폼 입니다. 깃(Git)이라는 버전 관리 시스템을 사용하여 프로젝트의 소스 코드를 관리하고,tool-2020.tistory.com ▷ repository(저장소)깃허브 사이트에 로그린 하면, 아래 그린과 같이 개인 홈 화면 (Dashboard)을 볼수 있습니다. 이곳에서 "New" 버튼을 클릭하여 새로운 저장소를 만듭니다. ‘리포지토리’는 깃허브에서 프로젝트를 관리하는 기본 단위입니다. ▷ 새로운 Repository(저장소)1) OwnerOwner: 깃허브 계정의 소유자가 표시돼요. 계정에 따라 개인 또는 조직을 선택할 수 있습니다.Repository Name: 리포.. 2025. 2. 25. 깃-허브 학습]깃-허브란? □깃-허브(GitHub)란 무엇일까요?깃허브(GitHub)는 개발자들이 사용하는 웹 기반의 저장소이자 협업 플랫폼 입니다. 깃(Git)이라는 버전 관리 시스템을 사용하여 프로젝트의 소스 코드를 관리하고, 여러 개발자가 함께 작업할 수 있도록 도와줍니다. 깃허브는 프로젝트 파일을 온라인에 저장하고 공유하는 공간 이라고 생각하면 됩니다. □ 깃-허브의 주요 기능1. 버전 관리- 프로젝트의 변경 이력을 기록하고, 이전 버전으로 되돌릴 수 있습니다.2. 협업- 여러 개발자가 동시에 프로젝트에 참여하여 코드를 작성하고 수정할 수 있습니다.3. 코드 공유- 다른 개발자들과 코드를 공유하고, 오픈 소스 프로젝트에 참여할 수 있습니다.4. 이슈 추적- 프로젝트의 버그나 개선 사항을 기록하고 관리할 수 있습니다.5. 풀.. 2025. 2. 24. 학습] 선택된 폴더에 포함된 파일 이름 모두 가져오는 html 파일 HTML, CSS 및 JavaScript 코드는 웹 페이지에서 폴더를 선택하고 해당 폴더 내의 파일 목록을 표시하는 기능을 구현합니다. 사용자가 폴더를 선택하면 해당 폴더에 있는 파일들의 이름, 크기 및 생성 날짜가 표에 나타납니다. 필요에 따라 기능을 추가하거나 수정하여 사용할 수 있습니다.▷ html 폴더 선택 및 파일 이름 가져오기 폴더선택: 선택된 폴더 없음 파일 목록: 번호 파일 이름 파일 사이즈 (KB) 파일 생성 날짜.. 2025. 2. 24. 학습] 폴더 이름을 가져오는 html 파일 사용자가 폴더를 선택(파일 선택 버튼)하면 하위 폴더 정보를 가져와 테이블로 표시하는 기능을 합니다. 기본적인 폴더 선택 및 테이블 출력 기능이 구현되어 있으며, 날짜 처리나 UI 개선을 통해 더욱 향상시킬 수 있습니다▷ html 코드 폴더 이름 가져오기 전체 폴더 개수: 0 선택한 폴더 이름: 번호 폴더 이름 레벨 생성 날짜 ▷Web 페이지□ Creo 파일이 포함된 폴더 이름만 가져오기html 파일을 더블 클릭하면, 크롬 브라우저에서 실행 됩니다. Web 서버로 구성 가능 합니다. 하지만 보안 이슈 때문에 외부 Web 서버로 구성할 수 없습니다. 제공된 html 파일을 이용하여 Creo 파일이 있는 폴더 이름을 확인 하십시요엑.. 2025. 2. 23. 학습] Creo.js 및 browser.creojs 불러오기 (웹에서 경로표기법) □ 상대경로로 외부 라이브러리 파일 호출 방법 HTML에서 상대 경로는 현재 웹 페이지를 기준으로 다른 파일이나 리소스의 위치를 나타내는 방법입니다. 웹 페이지가 위치한 폴더를 기준으로 다른 파일의 위치를 지정하며, 파일 경로가 상대적으로 표시됩니다.현재 위치를 '나'로 기준을 삼고 상대를 찾는 표현 입니다.1. 상대 경로의 장점유연성: 웹 페이지의 위치가 변경되어도 상대 경로를 사용하면 관련된 파일들의 경로를 일일이 수정할 필요가 없습니다. 웹 페이지와 관련된 파일들이 함께 이동하면 상대 경로는 여전히 유효합니다.간결성: 절대 경로에 비해 상대 경로는 일반적으로 더 짧고 간결하게 표현됩니다.2. 상대 경로의 표현 방법같은 폴더: 현재 웹 페이지와 같은 폴더에 있는 파일은 파일 이름만으로 접근할 수 있.. 2025. 2. 23. Chrome 문제를 해결을 위한 Creo,Chrome DevTools를 사용하는 방법 □ Chrome 메뉴의 도구 > 개발자 도구의 역할Chrome 브라우저의 개발자 도구는 웹 개발 및 디버깅에 필수적인 기능을 제공하는 강력한 도구 모음입니다. 웹 페이지의 구조, 스타일, 동작 방식을 분석하고 수정하는 데 사용되며, 다음과 같은 다양한 역할을 수행합니다.1. 요소 검사 및 수정:웹 페이지를 구성하는 HTML 요소들을 확인하고 실시간으로 수정할 수 있습니다.CSS 스타일을 변경하여 웹 페이지의 디자인을 즉석에서 확인하고 조정할 수 있습니다.JavaScript 코드를 디버깅하여 웹 페이지의 동작 방식을 분석하고 오류를 수정할 수 있습니다.2. 네트워크 분석:웹 페이지가 로드될 때 발생하는 네트워크 요청들을 분석하여 성능 병목 지점을 파악할 수 있습니다.이미지, 스크립트, CSS 파일 등의 로.. 2025. 2. 23. 학습] 버튼을 클릭하면, 메세지 보이기 "클릭하세요"버큰을 클릭하면, 위 이미지와 같이 안녕하세요가 표시됩니다.▷ 전체 html 코드 클릭하세요! hrml 파일 내용을 설명 합니다1. 태그 HTML 문서의 태그는 문서의 본문 내용을 담는 컨테이너 역할을 합니다.웹 페이지의 시각적 내용, 즉 텍스트, 이미지, 링크, 폼 등이 모두 태그 안에 포함됩니다. 태그는 태그의 자식 태그로, 웹 페이지의 실제 내용이 들어가는 부분입니다.▷ html 예제 코드 Hello, World! This is a paragraph. ▷ 실행 화면 2.클릭하세요! 태그는 HTML에서 버튼을 만드는 태그입니다. 여기서는 onclick 속성을 사용하여 버튼을 클릭했을 때 실행할 Ja.. 2025. 2. 21. 이전 1 2 3 다음 반응형
