이전 글에서 gid add와 add. status에대해 다뤄보았다.반대로 add를 취소할 수있는 방법이 있을까?  Git reset▼ calculator.py 계산기 파일에 함수를 추가def say_hello(): print("hello") 이 상태에서 파일 저장하고 터미널로 와서 커밋 전에 git add 하면스테이징 에어리어에 잘 추가가 된 상황을 볼 수있다. ▼ 추가된 코드를 지우고 다시 파일을 원래 상태로 돌리려면 어떻게 해야할까? staging area에 있는 계산기 파일을 다시 없애면 될까?  git add를 사용해서 스테이징 에어리어에 파일을 추가했다면 반대로git reset은 스테이징 에어리어에 파일을 제거 해준다. ▼ reset속성을 사용해서 제거해보자 저 문구는 스테이징 에어리어에서..

JavaScript Basic◆ ../ 02.JavaScript-Basic / 02.1-getting start • 브라우저에서 자바스크립트를 실행시키려면 HTML 파일이 존재해야함• 태그를 불러온것 처럼 HTML에 를사용하여 JS파일 실행한다.  자바스크립트 코드 위치 – HTML 실행 순서▼ JS 코드의 위치를 마크업 위에 한번 적용해보자.   검사 -> 콘솔 창에서 에러 메시지 확인하고 해당 오류 해결법은스크립트의 이 부분을 문서의 맨 끝에 두어 문서가 이미 로드되기 전의 모든 것이 되도록 하는 것 필요하므로 순서바꾸기  ▷ 자바스크립트 코드가 작성되는 HTML 문서내에서의 위치가 문제가 될 수 있다.자바스크립트 코드의 내용이 실행되는 HTML 문서의 태그와 관련이 없다면, 즉 자바스크립트 코드..

git을 사용하여 계산기 프로그램을 만드는 프로젝트 실습 이전글에서 계산기와 라이센스 2개의 디렉토리를 생성하고 커밋(commit)을 직접 해보았다.추가적으로 git에서 add 명령어 사용할 때 몇 가지 알아가고자 한다. git add우선 calculator.py와 Lisence.txt 파일을 각각 수정을 해보았다.  우리가 git add를 해주는건 어떤 의미가 있었다 했을까?- 변경된 내용이 커밋(commit)에 반영 될 수 있도록 커밋 할 대상으로 지정해준다.- 해당 파일을 스테이징 에어리어(staging area)에 옳기는 것이다. ▼ 현재 상황계산기와 라이센스 파일 두개를 수정했지만 add는 계산기 파일만 해주었다.그렇기 때문에 계산기 파일만 스테이징 에어리어에 새로운 모습으로 있기에 계산기 파일..

Figma Link FigmaCreated with Figmawww.figma.com HTML Business name: Exploration Station Team members: Top features or possible solutions John D. Jane S. Tom R. ..

Figma Link FigmaCreated with Figmawww.figma.comHTML  CSS  body{ /*margin: unset;*/ /*부모 요소로부터 상속할 값이 존재하면 상속값을 적용 (inherit) 부모 요소로부터 상속할 값이 존재하지 않는다면 초기 값을 적용 (initial)*/ ..

zigzag 리뷰 ▼ 기본 레이아웃 덩어리를 만드는 첫 번째 단계 (클래스 이름이 그 다음으로 제일 중요!!!!!!!!!!!!!!!!!!) ▼ 독립적인 틀인지 종속적인 틀인지 확인해보자아직 내부에 뭐가 들어갈지 신경 쓰지 않는다그런다음 section의 세부 구성을 한다.    ▼ 배경색은 둘 다 서로 다르는걸 알기에 클래스명을 각각 purple과 white를 지정했다.  ▼ 상단 제목 부분의 레이아웃 덩어리는 3개로 파악 할 수있다.  ▼ 섹션 헤더에 div 덩어리 3개 있다고 볼 수있다.   ▼ 하지만 이 방법보다는 title, description, controls를 한번 더 감싸주고 section과 별개인아예 새로운 컴포넌트로 지정하여 작성해준다. section header에서 flexbox 제거해..

폼 요소를 적절히 초기화하고 최초 스타일 재구축 폼 요소, 최소한의 접근성 확보하기 체크박스와 라디오버튼 커스텀 버튼 커스텀 ◆ (day17/meeting_room) ▼ input은 컨테이너가 아니기에 스타일링을 위하여 한번 감싸주기위해 div를 사용하고 작업한다즉 이 div는 input[type='text']를 한번 감싸는 역할이다.input 자체의 스타일을 커스텀 하면 다양한 입력 필드 유형을 소화하기 어렵기 때문이다 ▼ input의 스타일을 변수값을 설정해서 작업을 유연하게 한다   ■ input의 height, line-height, font-size, padding등, 플러스 알파하여 커스텀 할 수 있는 부분을 CSS Variable로 만들어준다 -> (확장성이 좋아짐) ▼ 62.5= 기본폰트 ..

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

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 라는 결과가 나..

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