전체 글 (47) 썸네일형 리스트형 pull request에서 Can't automatically merge발생한 경우 해결 작업을 끝내고 풀리퀘스트 작성하려고 했는데 이런 에러가 떴다. 보통 같으면 문제없이 OK 되겠지만, 항상 뭔가 문제가 터지는구나. 문제에서 배워나가면 되는 겁니다! Cant' automatically merge라는 빨간 줄이 떴다. 머지를 할 수 없다는 에러겠지. 원인이 뭘까..(더 자세히 파고들고 싶다면, 다른 분들 거 참고하시면 됩니다, 빨리 해결을 하기 위한 분들을 위해 작성합니다) 작업하기 전의 본인의 로컬에서 pull(최신화)했던 develop브런치가 리모트 develop와 다르기 때문에 충돌이 발생한 것이다! 여기까지 오느라 고생한 분들을 위해 바로 해결합시다. (참고로 vscode상을 기준으로 합니다) 본인이 작업한 브런치에서 터미널에 git pull origin develop 하면 충돌(c.. Git push 까지의 일련의 과정 작업을 하면서 브런치를 끊어서 작업완료 한 후 푸시까지의 과정을 간단히 다뤄본다. 큰 일이 없다면 본인은 보통 이런 방법으로 푸시까지 진행하기 때문에 믿으셔도 될 것 같다. 매인브런치에서 시작 develop 일단 최신화 git pull 새로운 브런치 작성 git checkout -b "새로운 브런치명" 작업시작...... 완료 내가 작업한 것들을 다시 한번 확인 git status 깃 추가 git add 추가 되었는지 다시 한번 확인 git status 깃 커밋(이름 지정) git commit -m "이름(예: feat: 모달컴포넌트 작성)" 깃 푸시 git push 끝 새 브런치를 끊어서 처음 푸시를 할 때 fatal 에러가 뜰 것이다. 이 경우에는 바로 밑에 이렇게 해라, 라는 문구가 뜨기 때문에 그.. CSS 네이밍 예시 ・ 팁 작업하다 보면 css클래스를 지정할 때 너무 생각이 아나 어떻게 지어야 할 때가 많다. 그래서 이번에는 css클래스명의 예시를 보여드리려 한다. 참고가 되시길, (보통 많은 현장에서 BEM형식을 채택하고 있어서, BEM에 대해서 어렴풋이 알고 있기 때문에 차차 공부해 나가면서 블로그에도 소개하겠다) 팁) 이런 식으로 있다고 생각했을 때 나는 보통 가장 바깥 div태그에는 안의 태그들을 아우르는 클래스명을 선언하고 두 번째 태그부터는 BEM의 영향인지 바깥태그의 클래스명(1) + 언더바(__)를 붙이고 그다음으로 이 태그가 의미하는 클래스명을 지정한다. '1__2' 이런식으로 3 클래스는 결국 '1__2-3' 이런 식이 될 것이다. 맨 밑의 클래스 2는 위의 2와 다르게 ' 1__2・ ' 이런 식으로 다른.. git conflict vscode에서 해결해보자 급하게 해결해야 한다면 바로 본론으로 들어가실 .. 일하고 있는 현장에서 컴플릭트가 발생해서 구글링을 했지만, 원하는 답을 왜 주지않는거니;; 원인이야 있겠지만서도 내가 필요한건 해결책인데 왜 원인이나, 해결과정에서의 텀이 그리 기냐 이말이야 그래서 내가 경험한 해결과정을 바로 알려드립니다. 급한 분들을 위해. 바로 들어가봅시다 본론 깃 허브에서 충돌이 발생했을 때 vscode에서 해결하기! 이 화면이 나타난다면 충돌이 발생한겁니다. 해결하러 vscode로 들어가죠. 우선 git checkout develop 로 브런치를 옮겨갑니다. 잠깐 설명을 하자면 이 develop는 본인이 push를 한 장소입니다. 머지를 시킬 장소. git pull 을 해서 develop의 최신화를 해줍니다. 그리고 충돌이 발생.. 타입스크립트 기본(2) 함수편 다시한번 타입스크립트의 정의를 되새겨보자. 제로초님을 영접해보자. 타입스크립트란, 자바스크립트에 변수 매개변수 리턴값에 타입이 붙는것 이번 함수편에서는 인수(매개변수)와 리턴값에 대해 타입정의를 해나갈 것이다. 함수선언 밑에 간단한 함수를 선언해보자. function increment(num) { return num + 1; } 이 함수에 타입을 지정해주면, 인수와 리턴값기억! function increment(num: number): number { return num + 1; } 인수 num의 옆에 number라는 인수의 타입을 지정해주고 괄호() 옆에 :number를 지정함으로써 리턴값의 타입을 지정해 주었다. 만약 인수에 타입을 생략 할 경우에는 컴파일러는 any타입이라고 암묵적으로 해석한다. 리.. 타입스크립트 기본(1) 타입스크립트란 ? 저의 온라인 선생님이신, 제로초님의 말을 빌리자면 타입스크립트란, 「자바스크립트 변수, 매개변수 리턴값에 타입이 붙는것」이다 간단히 타입스크립트를 쓰면 좋은 점에 대해 알아보자면 타입을 정함으로써 프로그램을 움직이기 전에 에러를 발견할 수 있다는 것과 의도치 않은 타입을 대입하는 것을 방지할 수 있다. 타입목록 number형、string형 boolean형 array형 tuple형 배열 내부의 값의 타입을 지정함으로써 지정된 타입만 사용하도록 함 any형 모든 타입을 허용한다는 의미 null형、undefined형 void형 함수에서 리턴을 안적었을때의 타입 union형 or(또는)의의미. 둘 이상의 타입을 설정할 때 타입들 중에서 하나라도 참이면 참 관련글 타입스크립트 기본(2)함수 타입.. 타입 어서션「as」(type assertion ) 타입스크립트에는 타입추론을 덮어쓰는 기능이있다. 이 기능을 타입어서션(type assertion)이라고 한다. * 타입스크립트 컴파일러는 코드를 바탕으로 타입을 추론해준다. 그렇게 추론된 타입은 대부분 맞긴하지만, 상황에 따라서 컴파일러보다 정확한 타입을 알아야 할 때가 있다. 이런 경우, 타입어서션을 통해 컴파일러에 타입을 전달해 줄 수 있다. 타입어서션은 컴파일러에게 "내가 타입이 이거라는 걸 보장할 테니, 날 믿어줘!!!!!!!" 라고 하는 것과 같다. 사용방법 타입어서션을 사용하는 방법에는 두 가지가 있다. 첫 번째는 as를 사용한다. 다른 하나는 을 사용하는 방법이다 컴파일에러가 되는 타입어서션 타입어서션을 사용하면 제한없이 타입을 덮어쓸수 있는가에 대해서는 그렇지는 않다. 예를들어 number.. 크롬 개발자도구 단축키 Mac 시간은 금이다. 크롬에서 마우스오른쪽 클릭하고 개발자도구 클릭해서 창 띄우는 시간도 줄이자! command + option + i 누르면 바로 켜진다. 잘 사용하시도록. 이전 1 2 3 4 5 6 다음
