(4) Git의 커밋(commit) 해보기

git을 사용하여 계산기 프로그램을 만드는 프로젝트 실습이전 글에서 프로젝트 디렉토리를 만들었고 그 안에서 레포지토리를 생성하였다.다시 MathTool 프로젝트 디렉토리에 들어와서 커밋을 진행 해보자 더하기 빼기 함수를 제공하는 디렉토리 생성vs code나 파이썬을 사용하여 아래의 코드를 작성 후 저장한다. (calculator.py)def add(a, b): return a+bdef subtract(a, b): return a-b※ 해당 코드는 파이썬 언어로 작성된 코드이다.   ▼ 이 calculator 파일을 홈디렉토리에서 MathTool 디렉토리에 저장한다. ▼ 프로젝트의 결과물의 라이센스를 무료라는 정보를 넣기위해 Free 작성하여 파일로 저장 후 (License)마찬가지로 MathTool ..

• format_list_bulleted Git
• · 2024. 8. 25.
• textsms

(3) Git을 사용하여 레포지토리(repository) 만들기

git을 사용하여 계산기 프로그램을 만드는 프로젝트 실습※ git 명령어 모음 사이트 참고 https://velog.io/@delilah/GitHub-Git-%EB%AA%85%EB%A0%B9%EC%96%B4-%EB%AA%A8%EC%9D%8C Repository 생성 ▼mkdir 사용하여 디렉토리 생성    ▼ 디렉토리로 이동하여 각종 파일과 자식 디렉토리를 생성 (MathTool = 프로젝트 디렉토리)▼ 프로젝트를 위한 버전관리 시작 여기서 git은 앞으로 우리가 git으로 어떤 작업을 할때마다 매번 써야하는 커멘드이므로 이 git 단어 뒤에 어떤 커멘드를 붙였는지에 따라 하게되는 작업이 달라진다. 지금은 init이라고 작성했는데 Initialized empty Git repository 라는 결과가 나..

• format_list_bulleted Git
• · 2024. 8. 25.
• textsms

(2) Git 의 기본 개념

레포지토리(repository) 레포지토리는 저장소라는 뜻으로, 예를들어 프로젝트를 할때 project_1디렉토리를 생성한다그리고 프로젝트와 관련된 디렉토리나 파일들을 모두  project_1 디렉토리에 담을텐데즉 이 프로젝트 디렉토리는 원하는 시점마다 그 디렉토리 안에 어떤 것들이 있는지 그것들의 내용이 어떻게 변해가는지를 기록 할 수있다.Git이 이런 정보를 기록 하는 곳을 레포지토리(repository) 라고 한다. 레포지토리 안에서는 프로젝트를 위해 만든 파일들은 각 버전마다 프로젝트가 있을 것이고버전마다 변경 사항에 대한 설명이 있을 것이다.이토록 Git을 쓰면 프로젝트 디렉토리 안에 .git이라는 디렉토리가 만들어지며 이것이 레포지토리 이다.정확하게 말하면 프로젝트의 변경 사항들이 저장 되어있..

• format_list_bulleted Git
• · 2024. 8. 25.
• textsms

1) Git이란? (window 설치 방법)

Git은 버전관리와 동시 협업과 다른 컴퓨터에 작업물을 보내는 등(백업본,협업) 개발자에게 필연적인 툴이다. 대표적으로 github의 사이트가 있으며 우선 git의 사용법을 익힌 후 github를 사용하는 순서로 공부한다.▷ Git - 버전관리 프로그램▷ Github - git으로 관리하는 프로젝트나 파일 등을 저장 할 수 있는 사이트 (원격 저장소 제공 서비스) Git 설치 방법

• format_list_bulleted Git
• · 2024. 8. 25.
• textsms

024.08.22 (Day 17) - HTML/CSS [Forms(Form, Input, Textarea, Button) I ]

transform, transition, animation을 복합적으로 활용한 예제폼 요소의 기능적인 측면 이해폼 요소의 기본 스타일 특성 이해하기폼 요소를 적절히 초기화하고 최초 스타일 재구축폼 요소, 최소한의 접근성 확보하기체크박스와 라디오버튼 커스텀버튼 커스텀◆ (day17/music)■ transform, transition, animation 예제    ▼ 아이콘 추가하여 하나로 합친 후 가운데 정렬또는 left 50% right 50% ▼ transform을 사용하여 중앙 정렬 할 수 있다. ▼ 네거티브 마진을 사용하여 중앙 정렬 할 수 있다 ▼ nth-child와 transform translate rotate를 적절히 사용하여 각 아이콘들의 위치를 조정해준다 ▼ rotate로 인해 이미지가..

• format_list_bulleted BootCamp Review
• · 2024. 8. 23.
• textsms

2024.08.21 (Day 16) - HTML/CSS [ CSS Animation: transform, transition, animation]

Animation, Transition 주요 속성과 활용 Transform 주요 속성과 활용 :hover 가상 클래스의 활용 (노트북 이슈로인한 직접 작성한 코드 및 티스토리 내용이 몽땅 날아가버려서 교수님의 자료 + pdf로 대체하겠슴 ㅜㅠ) Transform transform속성은 요소의 크기(scale), 위치(translate), 회전(rotate), 기울기(skew)를 적용할 수 있다.또한 시각적 부분의 변화만을 제공하며 레이아웃에 직접적인 영향을 주지 않는다 (기존 공간 유지) .circle { transform: rotate(45deg) translateX(100px);} 변환 함수변환 함수는 띄어쓰기를 통해 조합하여 사용될 수 있으며, 이때 각각의 변환은 독립적으로 적용되지만,변환의 순서..

• format_list_bulleted BootCamp Review
• · 2024. 8. 22.
• textsms