본문 바로가기

분류 전체보기227

(Git) 깃에서 코드 수정한 내용 복구/되돌리기 *잘못된 부분이 있다면 알려주세요 > 사용하는 경우 - 레파지토리에 있는 코드 수정후, 수정한 코드가 마음에 안들거나 에러가 날 경우, "git checkout ."을 터미널에 입력하면, 모든 파일의 수정사항을 복구시켜 줍니다. - 예를들면 코드 A,B를 레파지토리에 push 한 뒤, 원본 코드인 A,B에 C를 더 추가하여 A,B,C로 수정 후 "git checkout ."을 입력하면, 마지막 push했던 코드의 상태로 돌아갑니다. (수정된 코드 C를 뺀 A,B만 남게됨.) 2. 특정 파일만 되돌리기 $ git checkout -- 경로/파일명 or $ git checkout 경로/파일명 더보기 > 상세 설명 - 파일 목록 중 src폴더 안에 App.js, Index.js, Home.js 라는 파일들이 .. 2021. 12. 5.
(Git) git stash 사용법 / 코드 백업하기 1. 언제 stash를 사용할까? 2. stash 총 정리 * 잘못된 부분이 있다면 알려주세요 > git stash list 2. 코드 백업하기 > git stash 3. 최근 백업한 코드 지우기 > git stash drop 4. 백업 리스트중 특정 stash지우기 > git stash drop "stash이름" > git stash list : stash 리스트 보기 > stash@{0} , stash@{1} 두개의 리스트가 있음. > 예) git stash drop stash@{0}: stash@{0}을 지움 5. 백업 리스트에 있는 모든 stash 지우기 > git stash clear 6. 원하는 stash 복구하기/가져오기 > git stash apply "stash 이름" * drop과 마찬.. 2021. 11. 8.
(Git) 깃 협업시 branch사용법 총정리/초보자를 위한 branch 사용 이유 설명 1. branch 사용 이유 2. 기본적인 branch 명령어 총정리 1. 동시 작업을 위해 > 팀원 A,B,C가 있을경우, 세명이 각각 branch를 만들은 후, 자신의 branch에 각각 맡은 부분의 개발을 진행. 그 후, merge를 통해 자신이 맡은 부분의 코드를 master에 합치거나, branch끼리 merge를 통해 코드를 합쳐줌. 더보기 쉽게 설명하자면, 자신이 맡은 부분의 작업을 각자의 branch에서 동시에 진행할 수 있다. 그리고 merge 를 통해 나중에 코드 합치기도 편하기 때문에 사용한다. 2. 프로젝트 관리를 위해 > 큰 프로젝트를 진행하거나, 여러명이서 협업을 진행할 경우, 만약 master안에서 작업을 진행하게되면, 코드가 꼬일경우, master안의 전체 프로젝트를 다시 검.. 2021. 10. 19.
(Git) 깃 명령어 바꾸기 / 깃 명령어 입맛에 맞게 바꾸기 (초간단) (Git) 깃 명령어 바꾸기 초간단 합니다. git config --global alias. 위와 같은 형식으로 터미널 or 명령창에서 사용하면 됩니다. 예제 ) status라는 명령어를 st로 바꿈 이제 git status가 아니라 git st로 입력하면 바뀝니다!! 2021. 10. 5.
문과생 개발자 면접 - 프론트엔드 개발자 공통 질문 요약 문과생 개발자 면접 - 프론트엔드 개발자 며칠간 면접을 보러 다녔어요~ 그런데 물어보는 질문이 대부분 다 비슷했습니다. 그래서 공통적인 질문에 관해서 참고하실분 있으시면 참고하시라고 글을 남겨보아요. 공통적인 질문 1) 문과생이였는데 개발자로 전환한 계기 or 이유 2) 협력시 갈등이 생겼을때 해결법 3) 미래에 어떤 계획을 가지고 있는지(어떤 기술을 더 익히고 싶은지) 4) (회사 사이트를 보여주며..) 자신이 맡게될 업무가 무엇일지 짐작이 가는지 5) 팀 워크시 어떤 부분을 담당하였으며, 파트를 어떤 방식으로 나눴는지 6) 자신이 이 기술에 있어서 10점만점에 몇이라고 생각하는지 7) 문제 해결 능력에 관해서 8) 제일 하기 힘들었던 프로젝트, 그 이유는? 저 여덟가지 질문... 대부분의 회사에서 물.. 2021. 10. 1.
CSS로 카드뒤집기 효과 만들기 - (사파리/크롬에서 사용할 수 있게 만들기) CSS로 카드뒤집기 효과 만들기 - (사파리/크롬에서 사용할 수 있게 만들기) 포스팅 1. 결과 영상 2. 코드 index.html 앞입니다. 뒤입니다. index.css .container{ width: 200px; height: 300px; margin: auto; position: relative; cursor: pointer; perspective: 100rem; } .card{ /*webkit을 사용해야지 사파리에서도 정상적으로 동작함*/ width: 200px; height: 300px; -webkit-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -webkit-perspective: 0; -webkit-transiti.. 2021. 9. 27.