TIL 56

자바 스크립트 문법 뽀개기 강의

- 문자를 입력할 때 템플릿 리터럴(`:백틱)을 사용하면 문자 전체를 감쌀 수 있다. normal: alert('당신의 나이는 '${age} '입니다.) 템플릿 리터럴: alert(`당신의 나이는 ${age}입니다`) - 20% 할인 된 가격을 구할 때, 변수 안에 연산자 써도 된다. console(`총 ${total * 0.8} 에 구입합니다`) - 논리 연산자에서 ==는 테이터 타입을 자동으로 변환해 주기 때문에 오류로 출력할 수 있어서 ===을 사용한다. - ++가 앞에 붙으면 자신에 +1을 더한 후 변수에 할당한다. ++가 뒤에 붙으면 변수에 할당하고 자신에 +1을 더한다. - if문은 참일 때 반환한다. - while을 사용할 때 variable을 선언한 후, condition을 작성하고 ste..

TIL/JS 2023.01.19

branch checkout error

터미널로 브랜치에 커밋을 하면서 커밋메세지를 작성하지 않아 긴 에러를 만났다. 아무 키도 먹히지 않아 종료하고 다시 실행을 했는데, 커밋도 안되고 이러한 에러가 떴다. 그래서 Master로 checkout 을 하고 다시 시도해 보았지만, checkout도 안되고, commit을 하고 브랜치를 옮기라는 에러가 추가로 또떴다. 터미널 add 오류에 관해 찾아보니, add를 할 때 잘못 된 명령어로 실행했을 때 index.lock이라는 파일이 생긴다는 것을 알았다. 위 오류 상태에서는 start .git 도 먹히지 않아서, 직접 root directory에서 삭제했고 정상적으로 커밋할 수 있었다.

TIL/git 2023.01.16

폴더열기, 터미널 clear 에러

Git과 Github 를 사용하기 위해 original 의 터미널을 배워보기로 했다. 파일을 생성해서, 만든 파일을 열어보기 위해 open .git 을 작성했는데, 파일이 열리지 않았다. 터미널에서 나에게 알려준 내용은 bash: open: command not found 라는 코멘트였다. 오류 메세지를 참고하여 구글링 해보니, stack overflow를 통해 OS X에서는 open이 기본 명령어 이지만, windows에서는 start로 쓰인다는 것을 알게 되었다. 참고 링크:https://stackoverflow.com/questions/35811533/git-bash-bash-open-command-not-found Git Bash bash: open: command not found I'm new..

TIL/git 2023.01.15

숫자 오류

MongoDB를 이용해서 HTML의 리스트를 넘버링 해주고, 넘버의 버튼의 디폴트 값을 설정해 버튼을 눌렀을 때, 데이터값을 수정되면서, 버튼을 없애는 기능을 구현 해 보았다. 이 과정에서, 새로운 리스트를 작성 했을 때, MongoDB에는 넘버와 버튼의 디폴트 값 0이 잘 들어왔지만, 버튼을 눌렀을 때 값이 바뀌지 않아, 리스트가 추가 되지 않는 문제가 생겼다. 그래서 디폴드 값을 딕셔너리에 넣기 전에 변수에 선언하고, 다시 딕셔너리로 만들어 봤는데, 의미없이 코드가 길어지고 결과도 같았다. 그러다가 클라이언트에서 서버로 숫자를 넘겨줬을 때, 숫자를 넘겨주더라도 서버에서는 문자로 인식 하게 된다는 걸 알게 되었고, 숫자로 변환을 해 주었다. num_receive = request.form['num_gi..

TIL 2023.01.13

카드 생성하기

오랜만에 Frontend 복습하는 중에 계속해서 실수하는 부분이 생겼다. 부트스트랩을 이용해서 html을 가져오는데, Card에서 property를 해석하지 못해서 엉뚱한 갯수를 생성하는 것이였다. row row-cols-1 row-cols-md-3 g-4 부분이 문제였는데, md-n 에 숫자를 변경하면 첫번째 줄에 들어오는 카드 갯수를 설정할 수 있다. 어떠한 원리일까? row-cols-1: 첫번째 줄에 row-cols-md-3: 만들 카드 갯수 (md: midieum 다음 줄 전까지 즉, 중간에 만들어지는 것을 뜻한다) g-4 는 총 카드 갯수 이다. (g: gutter거터 즉, 홈통 이라고 불림) 물론 깊숙히 파고들면 더 많은 의미를 내포하고 있겠지만, 카드 생성에서는 같은 실수가 반복되지 않을 것..

TIL/HTML 2023.01.09

이미지 설정

그동안 만든 파일을 드디어 웹서비스로 런칭하는 방법을 배웠다. 그런데 구글에 있는 이미지가 아닌, 내가 소유하고 있는 이미지로 바꾸고 싶어졌다. 이전에는 구글에 있는 이미지주소저장 한 것을 url에 작성해 주어서 간단했는데, 개인 이미지는 어떻게 설정하는 것일까? 가지고 있는 사진 파일을 html이 들어있는 templates에 이동시켜 같은 경로에 넣어주고, url에 "파일이름.jpg"로 설정해보았다. 파이참의 브라우저에서는 이미지가 잘 바꿔졌지만, flask 패키지 이용하여 localhost:5000으로 보았을때, 여전히 이미지가 뜨지 않았다. 그러다가, css를 저장하는 static에 넣으면 될 것 같다는 생각을 하게 되었다. 그런데 처음부터 css에 이미지를 저장하면, url에서 이미지파일 경로를 ..

TIL/Python 2023.01.09