스파르타 코딩(웹 개발 종합)[2주차] - 팬명록 과제, 공공데이터 조회

팬명록은 1주차에 진행을 했는데요, 2주차에서는 타이틀 아래에 서울 기온 데이터를 넣는 작업을 하였습니다. 1주차에 스파르타피디아와 팬명록에 버튼 이벤트를 개인적으로 추가하였는데, 2주차에서 선생님이 기존 만든거에 이벤트를 넣는 것을 하더라구요. (전 안하는줄...ㅎ) 기존거에 이렇게 기능을 추가해나가는것이 좋았고, 제거랑 비교하면서 보는 재미도 있더라구요 ㅎㅎ 특히 backtick (`)을 활용한 template literal 구문으로 html을 생성하는 부분이 저는 엄청 편하더라구요. SI 에서는 IE 지원을 거의 하는편이라 ECMA 5 문법까지만 거의 썼었는데 앞으로 개인프로젝트하면서 ECMA6 이상 문법을 많이 접해봐야겠습니다. 팬명록 추가기능 저는 추가로 기능을 더 넣어봤는데요. 응원 댓글 Ho..
개발일지 2022. 7. 24. 16:11
[Vue] 개발서버 IP로 접근하기 (feat.vite)

Vite Tool관련 설정입니다 LAN상에 다른 장치로 접근할려고하니 localhost밖에 안되더라구요. 그래서 정리해보겠습니다. 환경설정 전 npm run dev # 개발서버 가동 네트워크를 공개하기 위해 --host 옵션을 쓰라고 하네요. # cmd netstat -ano | findstr "3000" # listening Port 검색 cmd 에서 확인시 loopback 주소로 Listening 중입니다. 개발서버 기본 포트가 3000을 사용하더라구요 환경설정 후 Network Adapter 개수 만큼 나오네요. 저는 VMware 가상머신을 사용중이라 2개가 더 있는것을 확인하실수 있습니다. 네트워크에서 0.0.0.0 주소는 0.0.0.0:3000으로 확인되는데, 이는 와일드카드 주소로 불리며 모든..
Vue.js 2022. 7. 24. 01:00
스파르타 코딩(웹 개발 종합)[1주차] - 스파르타피디아

bootstrap 기반으로 만든 페이지 정리 CDN(Content Delivery Network) bootstrap 사용시에 CDN을 통하여 css, js 파일을 가져옵니다. 별도 다운로드 없이 CDN을 통해서 가져오면 인터넷 상에서 해당 파일을 가져올 수 있습니다. CDN 경로를 보시면 jsdeliver를 보실 수 있는데 해당 기능을 통해 네트워크상 가장 가까운 경로에 캐시된 파일을 가져올 수 있으므로 특정 서버에 있는 파일을 가져오는 것 보다 성능적으로 이점이 있습니다. bootstrap 강의와 함께 bootstrap 본격적?으로 써봤던것 같습니다. (과거 학생 때 써본기억이 드문드문 있네요...ㅎ) css, js가 미리정의 되어있고 example html이 작성되어 있어 복사/붙여넣기 로도 꽤나 괜..
개발일지 2022. 7. 22. 16:43
[Git] 변경, 삭제된 파일 복구 시나리오

1. working directory를 마지막 push 시점으로 되돌리기 2. working directory를 이전 commit 시점으로 되돌리기 3. 특정 시점 특정 파일을 restore 1. working directory를 마지막 push 시점으로 되돌리기 git reset --hard origin/main # /, hard 옵션을 통해 working directory를 복구 reset 옵션 3가지 soft -> hard 순으로 영향 범위가 넓어진다. 1.--soft : branch ref 2.--mixed (default) : index 3.--hard : working directory 2. working directory를 이전 commit 시점으로 되돌리기 특정 파일 삭제 후 커밋 git ..
Git 2022. 7. 20. 18:00
git branch 생성, 전환, push, merge, 삭제

git branch 간단한 tutorial입니다. 1.branch 생성 git branch sub1 # sub1 branch 생성 2.branch 변경 - checkout git checkout sub1 # 현재 branch 변경, sub1 branch * branch 생성 및 변경 한번에 하기 git checkout -b sub1 # sub1 branch 생성 및 현재 branch로 변경 3.push touch testfile.txt # 파일 생성 git add testfile.txt # indexing git commit -m "create testfile" # commit git push origin sub1 # push, remote repository에 sub1 branch 생성 git bran..
Git 2022. 7. 15. 17:16
Git : push 시 인증 정보 저장해서 사용하기

기본적으로 git push시 인증정보 입력이 필요합니다. 보통 username / PAT(Personal Access Token)을 입력하죠. git config 설정을 통해 인증정보를 저장하여 별도 인증절차 없이 push 할 수 있도록 할 수 있습니다. git config --global credential.helper store # 인증정보 저장 설정 설정 정보는 아래와 같이 확인 가능합니다. git config -l # 설정 목록 출력 cat ~/.git-credentials # 인증정보 저장 파일 내용 출력 이상입니다.
Git 2022. 7. 15. 15:42
Git : git bash에서 명령어 사용 시 ':' 안 나오도록 설정 > pager 설정

git bash에서 명령어를 실행하면 pager라는 프로그램으로 결과물을 보여줍니다. pager는 console에 출력값을 page로 나누어 보여주도록 하는 기능이며, 여러 설정값이 있습니다. 최초에는 명령어 결과 출력값이 많은 경우 아래와 같이 ':'이 나타나는것을 볼 수 있습니다.. git config -l # git 설정파일 목록 출력 이때 q를 누르면 빠져나올수 있는데, 저는 이게 불편하더라구요. 그래서 pager를 Linux에 cat 명령어 처럼 전체를 보여주도록 설정하겠습니다. git config --global core.pager 'cat' # pager를 cat 명령어 처럼 작동하도록 설정 이상입니다. ㅎㅎ
Git 2022. 7. 15. 11:55
Git PAT(Personal Access Token) 설정

최초 설치 후 push 명령을 날리면 아래와 같은 메시지가 뜨면서 push가 되지 않습니다. git push origin main -> remote: Support for password authentication was removed ... 원격 보안 접속에 필요한 PAT(Personal Access Token)을 설정하라는 문구이며 설정을 해보도록 하겠습니다. Setting > Developer settings > Personal access tokens Note : PAT에 관한 설명 Expiration : 만료일자, 만료가 되면 재설정해야됩니다. Select scopes : PAT 적용 범위, repo(Repository) 접근시에 이용할 것이므로 repo에만 체크합니다. 생성된 PAT을 버튼을 ..
Git 2022. 7. 15. 10:43
1 ··· 6 7 8 9 10 11