본문 바로가기

Programming107

005_git & Clean Code(6/24) 첫 온라인 실시간 강의, 그리고 전설의 이고잉님 등장..! 드디어 혼자 영상 보며 공부하는 것을 벗어나 처음으로 다같이 (영상을 보며) 수업을 듣는 날! 그것도 첫 수업 선생님은 다름아닌 생활코딩의 '이고잉' 님이셨다!! 항상 영상에서 보던 모습답게 굉장히 친전하고 쉽게 설명해주셨다. 받아들이는 내가 컨디션이 좋지 않아 지금 이렇게 다시 정리하려 하고 있긴 하지만 😅 오늘은 부디 일찍 자고 내일 컨디션을 최상으로 끌어올려야겠다! git > 제일 먼저 해야할 것 pwd : 현재 위치 파악 ls : 내가 있는 곳엔 뭐가 있는가 > master 내가 만든 깃 버전 중 가장 최근 버전 > HEAD 지금 내가 보고 있는 버전 현재 Working Directory > git checkout 내가 보고자 하는 버전으.. 2021. 6. 25.
01_VS Code에서 Source Control이 5k일 때 해결법 증상 폴더를 만들어 git repository로 설정했는데, 분명 파일은 하나임에도 5000개나 untracked 상태로 있다. 그 파일들은 내가 지정한 repository 폴더의 파일이 아니다. 원인 내가 만든 폴더보다 상위 폴더에 .git 파일이 있을 때 이런 현상이 발생한다. 즉 내가 만든 폴더가 상위 폴더에 먹힌 것이다..! 해결책 아래 사진과 같이 클릭해 Source Control Repositories를 확인한다. 본인의 경우에는 /users/user 폴더에 .git 폴더에 있었다. 경로를 알았으면 찾아가서 숨김 폴더를 볼 수 있는 단축키 ( 맥 : cmd + shift + . )를 눌러 .git 폴더를 찾고 삭제한다. 2021. 6. 24.
[연습] Momentum 응용하기 작업 개요 노마드 코더 JavaScript Challenge 졸업 작품 (우수 졸업작 선정 👑 ) Chrome 앱인 Momentum의 주요 기능을 구현해보는 작업 자바스크립트의 다양한 기능(시간, 날씨, 투두리스트 등)을 다뤄볼 수 있었다 🚀 주요 기능 현재 시간과 날짜 구현 / 시간 사이의 ' : ' 에 애니메이션 효과를 줘서 좀 더 동적인 페이지의 느낌을 구현 사용자 이름 입력 창을 클릭하면 글씨가 사라지고 입력 바만 나오도록 설정해 깔끔하고 집중되는 느낌을 구현 이름 옆 reset 버튼을 만들어 수정이 가능하도록 구현 투두리스트 슬라이더를 만들어 배경화면으로써 이용하고 싶을 때 깔끔하게 느껴지도록 버튼 제작 배경에 그라데이션 애니메이션을 넣고 새로고침이나 왼쪽 하단 버튼을 누르면 랜덤으로 배경 컬러.. 2021. 6. 23.
004_gitlab & Clean Code(6/23) 낯선 gitlab과 친해지기..? 그 동안 github만 사용해오던 나에게 낯선 gitlab이 찾아왔다..! 내일과 모레에 걸쳐 실제 실습을 해보며 오늘 배운 기능들을 직접 다뤄본다고 하는데, 오늘 강의만 들었을 때는 모든게 다 낯설기만 했다 😔 다 나의 부족함이다 생각하고 내일 실습을 대비하며 오늘의 TIL도 출발! CI 'Continuous Integration' - 지속적 통합 새로운 코드에 대한 변경 사항이 꾸준히 자동으로 빌드 및 테스트가 되어 여러 개발자가 동시에 작업할 때 문제가 발생하는 것을 방지! Build - Test - Deploy 과정을 개발자가 아닌 gitlab이 다 해준다고 생각하면 된다. 안정성 유지 및 시간 절약에 효과적! gitlab - project - CI/CD - Pi.. 2021. 6. 23.
003_git(6/22) Let's git it ! 하루동안 2주 하고도 이틀치 공부했던 내용을 블로그에 정리하느라 정신이 없다 @_@ 그래도 이렇게 한번 또 써보면서 복습한다는 생각으로 꾸준히 해봐야지. git 특징 가지치기와 병합 가볍고 빠르다. 분산 작업 가능 데이터 보장 준비 영역(staging area)가 있어 데이터 관리 용이 오픈 소스 git 명령어 > git config --global user.name "이름" 이름과 이메일 지정. 프로젝트마다 다른 사용자 정보를 지정하고 싶으면 --global을 뺀다. > git config --global user.email 이메일 > git init 기존의 디렉토리를 git repository로 설정. // git을 사용할 폴더에 가서 이 명령어를 쓰면 그 폴더가 감지됨. .. 2021. 6. 23.
002_리눅스(6/21) 엘리스 1주차 1일 첫 날부터 배우는 양이 꽤 된다. 곱씹으면서 공부하려고 영상을 보면서 필기를 엄청 했더니 A4 용지를 양 쪽으로 3장을 채웠다..! 어마어마한 양이지만 필요한 부분만 쏙쏙 정리해보고자 한다! 자 드가자 😎 용어 정리 kernel : 하드웨어를 제어하는 코드를 통해 소프트웨어와 커뮤니케이션을 하며 시스템의 모든 자원을 통제 및 관리하는 역할을 함. Ubuntu : Linux의 한 종류. 개인용 pc 환경에 최적화돼있으며 간결하고 쉽다. 많이 쓴다. 6개월마다 업데이트한다고 한다. Shell : 명령어 해석기. 사용자가 명령어를 막 쓰면 Shell이 그것을 해석해 커널에게 전달한다. GUI : Graphic User Interface. MacOS와 Windows가 대표적이다. CLI : .. 2021. 6. 23.
001_사전 학습 내용 정리(~6/20) 엘리스의 아침이 밝았습니다! 더 이상은 공부 핑계로 블로그 글을 미루지 않기 위해 시작한 TIL 프로젝트! 이미 AI Track은 시작한지 벌써 이틀이 다 돼가지만 역시 시작은 사전 학습 기간동안 배운 파이썬부터 정리하는 것이 맞다고 생각해 이 글을 시작으로 그날그날 공부한 내용을 정리해보고자 한다. 부디 1일 1커밋만큼 이 글 작성도 꾸준히 하길 바라며 🙏🏻 Regular Expression [ 정규식 표현 ] 정규식 검사 함수 re.match (pattern, string) → string 시작 부분부터 패턴이 있는지 쭉 검사한 후 match object 변환 re.search ( `` ) → string 전체에 패턴이 있는지 검사한 후 match object 변환 re.findall ( `` ) →.. 2021. 6. 22.
[Python] 파이썬 개념 정리 2_도레미 파이썬 이 글은 도레미 파이썬 강의 중 기억하면 좋을 것 같은 포인트를 정리한 글입니다. 혹시라도 이 강의에서 문제를 풀고 계신 분이라면 꼭 풀고 확인해볼 것을 추천드립니다! 평균 구하기 이 문제를 풀기 위해서는 while / list. / sequence 등의 개념을 알고 있어야 한다. while 조건을 반복하는 방법 조건이 True이면 명령을 수행한다. (예시 1) i = 1 sum = 0 while i>> 10 # 1부터 4까지 더하는 방법 (예시 2) i = 5 while i>0: print(i) i = i - 1 print("Launch") >>> 5 >>> 4 >>> 3 >>> 2 >>> 1 >>> Launch! # 카운트다운을 세고 발사하는 방법 위와 같이 while 뒤에 조건문을 넣을 수도 있지만.. 2021. 5. 7.
[Python] 파이썬 개념 정리 1_도레미 파이썬 이 글은 도레미 파이썬 강의 중 기억하면 좋을 것 같은 포인트를 정리한 글입니다. 주석 달기 1) 한 줄 주석 # 파이썬 한 줄 주석 # 이렇게 '#'을 쓰고 한 칸 띄운 후에 글을 작성하면 됩니다. def juseok(): print("한 줄 주석") 2) 여러 줄 주석 """ 여러 줄 주석은 두 가지 방법이 있습니다. 첫번째는 큰 따옴표 세개로 시작하고 끝내는 방법입니다. """ ''' 두번째는 작은 따옴표 세개로 시작하고 끝내는 방법입니다. 두 방법이 있다면 키보드 누르는 횟수를 줄이기 위해 작은 따옴표를 쓰는게 더 좋겠죠? ''' 3) 주석 사용시 주의사항 파이썬 주석은 '들여쓰기' 를 해줘야 한다. class juseok: ''' 이렇게 주석을 달면 에러가 발생합니다. ''' def __init.. 2021. 5. 7.
[연습] HTML, CSS로 계산기 만들기 계산기 만들기 계산기 강의를 듣다가 '이왕 만드는 거 예쁘게 만들어볼 수 없을까?'라는 생각에 이번 프로젝트를 진행하게 됐다. 이후에는 시계와 날씨 쪽까지 같은 디자인으로 진행해보고자 한다. 디자인 소개 우선 디자인은 '뉴모피즘(Neumorphism)'디자인을 콘셉트로 만들어보기로 했다. 뉴모피즘이란 New(새로운) + Skeuomorphism(스큐어모피즘)의 합성어이다. 스큐어모피즘(Skeuomorphism)이란 현대미술과 현대 산업 디자인에서 사실적인 시각적 효과를 중요시하는, 대상을 원래 그대로의 모습으로 사실적으로 표현하는 디자인 기법으로 3차원적이고 사실주의적인 것이 특징이다. 애플의 UI 디자인을 떠올리면 쉽게 연상이 될 것이다. 하지만 너무 사실적인 것에 질렸던 것일까? 미니멀하고 심플하고 .. 2021. 5. 2.
[HTML, CSS] 4. HTML, CSS 유용한 사이트 정리 (by Nomad Coders) 강의를 보며, 혹은 Slack을 통해 알게 된 몇 가지 사이트들 정리 이번 시간에는 노마드 코더 HTML&CSS 강의를 들으며 알게된 몇 가지 팁들이나 알면 좋은 사이트들을 정리해보고자 한다. 생각나는대로 이것저것 적어갈 예정이라 혹시 필요한 부분이 있다면 알아서 찾아가길 바란다. 유용한 사이트들 1. Animista CSS 애니메이션 효과를 주고 싶은데 간편하게 복사해서 주고 싶은 분들을 위한 사이트. 페이지에 들어가서 각 버튼들을 눌러보면 어떤 애니메이션 효과가 작동하는지 알 수 있다. https://animista.net/ Animista - CSS Animations on Demand Animista is a CSS animation library and a place where you can p.. 2021. 4. 21.
[HTML] 3. <form> 태그와 관련 태그들 정리 태그 입력 양식 (제출할 내용) 전체를 감싸는 태그 컨트롤 요소 (control elements) 로 구성되어 있음. (버튼, 텍스트 등) Attribute 1. autocomplete : 자동 완성 기능. on 으로 하면 전체에 자동 완성 기능 생성. 2. action : form이 전송되는 서버 url 또는 html 링크. 비밀번호나 아이디 등 정보가 전달될 링크라고 보면 된다. 3. method : 전송 방법 설정. get은 default, post는 데이터를 url에 공개하지 않고 숨겨서 전송하는 방법 4. name : form의 이름. HTML4부터 사용 중단됐고, id를 사용하라고 한다. 5. target : 데이터를 제출하면 결과를 어떻게 표시할 지 정하는 특성. _self 는 현재 페이지 .. 2021. 4. 20.
반응형

티스토리툴바