Project.log

자바스크립트 템플릿 리터럴이 뭔지 쉽고 간단하게 알아보겠습니다. 템플릿 리터럴은 내장된 표현식을 허용하는 문자열 리터럴입니다. `string text` 자바스크립트에서 백틱 ` 이라는 기호로 문자데이터를 만드는것을 템플릿리터럴이라고합니다. 백틱 ` 이라는 기호로 만드는 문자데이터는 중간에 어떠한 데이터를 채워넣을때 사용합니다. 여기서 리터럴은 어떠한 기호를 통해 데이터를 만드는 방식을 뜻합니다. ES6 이전에는 표현식을 다음과 같이 일반 문자열 안에 집어넣었습니다. var first_name = "Lee "; var last_name = "JinUk "; var age = 25; var result = "제 이름은 " + (first_name + last_name) + "이고 " + "나이는 " + ag..

git commit convention 정하기 커밋 메세지 란 커밋을 할 때, 현재 commit 이 정확히 무엇과 관련한 개발에 해당하고, 어떤 변경 사항이 있는지 등을 작성하는 것을 말합니다. 커밋 메세지의 간단한 예시를 보면 다음과 같습니다. (제목, 본문, 꼬리말이 모두 담겨있습니다.) Feat: "로그인 함수 추가" 로그인 요청을 위한 함수 구현 Closes: #123 커밋 메세지를 잘 작성하면, 우리는 단순히 커밋 이력만 보고서도 현재까지 어떤 개발이 진행되었고, 어떤 커밋에서 문제가 발생했는지 등을 확인할 수 있게 됩니다. 특히나 규모가 큰 개발일수록 이 커밋 메세지는 더욱 중요해집니다. TIP! 만약 커밋 메세지를 vim편집기에서 작성하고 싶다면 git commit 이라고만 입력하면 됩니다...

깃허브를 이용하여 협업하는 방식에 대해 간략히 정리해보자! 협업 과정 정리 *협업 과정은 회사마다 조금씩 달라질 수 있음을 알려드립니다. 팀 안에서 git 관리 전략 (flow), commit convention, issue/pr template, issue label 을 정한다. 팀장은 해당 template 등을 적용한 github repository 를 생성한다. (+ 팀원을 등록한다. collaborators) 앞으로 구현할 작업을 기능 단위로 쪼개서 세분화한다. 기능 단위의 작업에 대해 각자 담당을 정하고, 각 담당자는 github 에 해당 기능에 대한 issue 를 생성한다. (+ 팀장은 작업기한을 정해서 milestone 을 생성한다.) 팀장은 github repository 에 최초 comm..

깃을 사용한다면 필수인 .gitignore 세팅을 편하게 할 수 있는 방법이 있습니다. https://gitignore.io gitignore.io Create useful .gitignore files for your project www.toptal.com 바로 gitignore.io라는 사이트인데요. 이 사이트에서 자신의 프로젝트에 꼭 맞는 .gitignore 파일을 만들 수 있습니다. 운영체제, 개발 환경(IDE), 프로그래밍 언어 옵션을 넣어서요 시작하기 일단 세팅하기전에 왜 .gitignore가 중요한지 알아봅시다. 개발을 하다보면, 분명 암호 파일을 프로젝트 폴더 내부에서 관리하게 되는 경우가 발생할 수 있습니다. 이 경우 github 에 해당 파일(.env 등)을 올리게 되면, 누구나 내 ..

git에서 push와 pull을 하다가 오류가 나면 항상 revert를 쓰곤했는데 항상 모르고 썼었다 이번기회에 확실히 알고자 한다. 목차 git revert 를 통해 버전 되돌리기 git reset 을 통해 버전 되돌리기 1. git revert를 통해 버전 되돌리기 git revert는 현재까지의 commit 기록을 유지하면서, 특정한 commit 이전으로 되돌리는 명령어 입니다. 아래 사진에는 파일내용에는 두줄에 문장이지만 revert를 사용하여 첫줄에 있는 문장만 있던 test.txt로 파일을 직접 수정하지 않고 버전 관리만으로 되돌아가보겠습니다. git log 되돌아갈 때는 commit 이름을 명시해야하는데, 주의할 점은 되돌아가고 싶은 commit 이름을 적는게 아니라, 되돌리고 싶은 comm..

블로그/TIL 작성방법(1) - 이건 꼭 넣기 [1] 어떤 ‘문제’가 있었는지 구체적으로 어떤 문제가 있었는지 파악하고 글쓰기 [2] 내가 ‘시도’해본것들 내가 무엇을 시도해았는지 즉, 삽질을 얼마나 하였는지 예를들면 구글검색, 스택오버플로우검색, 기술블로그 참고 등 [3] 어떻게 ‘해결’했는지 구체적으로 어떻게 그 문제를 해결하였는지 [4] 뭘 ‘새롭게알았는지’ 위 과정을 통해 무엇을 새롭게 알았는지 블로그/TIL 작성방법(2) - 이건 굳이 필요X [1] 반짝반짝 예쁘게 꾸미기 예쁘게 꾸미는것 보다 내용을 중요시해야한다. 면접질문이 여기서 나온다고 생각하고 내용을 중요시하자. 단, 프론트엔드 지망생일 경우 블로그에 다크모드를 만든다거나 버튼에 기능을 할당한다거나 등은 매우좋다 [2] 통째로 붙여넣은 ..

1) 자신의 강점과 약점은 무엇인가요? 저의 강점은 새로운 기술에 대한 열린 마음과 적극적인 학습 태도입니다. 또한, 문제 해결 능력과 논리적 사고 능력도 강점 중 하나입니다. 반면에 제 약점은 디테일한 부분에 대한 주의 부족입니다. 이를 보완하기 위해 더욱 신중하게 작업하고, 팀원들과 함께 코드 리뷰를 진행하는 등의 방법을 사용하고 있습니다. -> 자신의 약점에 대한 보완을 얼마나 성실하고 지속적으로 하고 있는지에 대한 내용이 중요합니다. 2) 어떤 프레임워크를 사용하여 개발했나요? 왜 그 프레임워크를 선택했나요? 저는 React를 선호합니다. 이유는 React가 사용자 인터페이스 구축과 관리를 쉽게 할 수 있는 사용자 측 라이브러리이기 때문입니다. 또한, 리액트 컴포넌트는 모듈화를 통해서 개발 생산성..

노마드코더 니꼴라스 ReactJS로 영화 웹 서비스 만들기에서 React.js를 설치하지 않고 쓰는 모습을 보았습니다. https://www.unpkg.com/ UNPKG UNPKGunpkg is a fast, global content delivery network for everything on npm. Use it to quickly and easily load any file from any package using a URL like:unpkg.com/:package@:version/:file Examples Using a fixed version: You may also use a semver range or a www.unpkg.com 1. unpkg사이트에 들어가서 형식에 맞게 url을 긁..