TIL

Today I Learned- 오늘 배운 내용을 과거에 제가 참고할 예정이라 음슴체로 진행합니다.웹페이지를 만들던 도중에 글꼴이 너무 맘에 안들었음. 해당 글의 이미지는 포트가 좌우하는데! 진지하게 폰트를 바꿔야겠다고 생각함. 폰트를 다운받아서 font- family를

아마 처음 웹개발을 하는 사람들이 제일 어려워하는 것이 원하는 위치에 원하는 대상을 가져다 놓는 것일 것이다. 지금 내가 그런 상황이다. 생활코딩에서 신기술(?)이 이러한 문제를 많이 도와줬다고 배웠다. 이름하여 그리드! 그리드를 통해서 배치를 조금 더 쉽고 유동성

똥그란 원을 만들고 싶었다. 그리고 깔끔함을 곁들인 (feat. 최강록)우선 검색을 해보니 대부분 원은 html 태그의 <button>에서 만든다는 것을 알았다. 우선 후다닥 만들기 위해서 vscode에 shortcut을 이용해서 기본 태그를 가져오자 index.

우선 파이썬의 데이터 타입들의 특징을 정리하고 갈 필요가 있다. python의 데이터 array타입 중에 어떤 요소를 써야 할지 궁금해서 검색을 해본 결과 나와 같은 궁금증을 가진 사람들이 많았다. list vs tuple vs dict - stackoverflo

데이터 타입을 공부하다 set는 hashable하다는 내용을 보게 되어 조금 더 검색을 해보기로 했다.

말그대로 예외가 발생할 때 처리하는 것과 더불어 예외를 발생시키는 경우도 포함한다.프로그래밍이 끝없는 디버그와 싸우는 상황이기 때문에 예외들 (혹은 에러들)을 파악하는 것은 중요하다. 지피지기면 백전백승이라 하지 않는가? 항상 이기지는 못하더라도 날 괴롭히는 대상이 누

위코드 첫날이 시작되었다. 두둥 ... 사전스터디 팀원들과 얼굴도 처음 마주하고 이야기도 많이 나눴다. 그리고 처음으로 과제(?)를 받았는데 레플릿 (Replieit)을 푸는 것이었다. 수요일까지 총 26개의 레플릿을 풀어야하는데 15까지밖에 못했다..... 그 이유는

오늘 포스팅은 여러가지 내용 중에서 가장 깨달음 있었던 내용을 중심으로 포스팅할 예정이다. 그 내용은 마크다운에서 유용하게 쓰이는 배경색 설정이다. CSS selector { background-color : yellow; } 어떻게 보면 엄청 심플한 저 한 줄의

데코레이터 개념에 대해서 정리 어떤 함수를 사용하기 전에 먼저 실행을 함 함수가 있다 + 다른 함수에도 반복적으로 적용해야 할 때 사요 위 이미지를 보면 welcome_decorator데코레이터는 함수에 welcome to WECODE!라는 텍스트를 추가하여 인쇄하는

파이썬에서 모듈을 다룰 때 필요한 사항들을 정리 sys.modulebuilt-in modulessys.path파이썬이 모듈을 조회할 때는 위에 순서대로 조회를 한다.이 순서대로 조회를 해도 찾지 못하면 ModuleNotFoundError를 리턴한다. 이미 import된

파이썬 클래스를 공부하다가 내용이 너무 헷갈려서 단계단계 밟아가면 개념을 이해보겠습니다.만일 print_name이라는 메서드가 self.name을 리턴한다면 이것은 db의 이름을 리턴하는 것이고 만일 print_name이라는 메서드가 name을 리턴한다면 이것은 함수

스타벅스 음료탭에 있는 음료에 관한 모델링을 해보기로 했습니다. 우선은 저희 조는 웹사이트 구성방식에 집중했습니다. 스타벅스 웹사이트는 다음과 같이 구성이 되어있습니다. 우선 음료탭을 클릭하면 위 이미지처럼 음료 카테고리를 고를 수 있습니다. 카테고리를 표현하는 카테고

git을 만들고 remote 저장소인 github에 저장하는 과정을 정리git을 터미널에서 명령을 할 때는 저장될 그 파일이 있는 디렉토리에서 실행해야 함. 저는 git-practice라는 디렉토리를 만들고 진행 터미널에 ls를 입력하여 현재 디렉토리에 파일을 확인해보

django로 초기 개발을 진행할 때 필요한 세팅을 진행하는 과정에서 오류가 나왔던 사항을 정리 가상환경 생성 conda crate -n 이름 가상환경을 생성하고 나서 pip를 진행을 했는데 위와 같은 오류가 나왔다. 이 오류는 pip를 찾지 못해서 벌어진 이유인데 원

django에서 HTTP 통신을 하려면 urls.py를 이용한다. 이와 관련된 내용을 정리.들어온 요청에 대해서 어디로 가야할 지 길을 안내하는 역할 처음 장고 프로젝트를 시작하면 프로젝트 이름과 동일한 하위 디렉토리가 생성이 된다. 그 안에 urls.py가 자동을 만

이 친구때문에 몇 시간을 허비하는지 모르겠다. 이 응답은 평소처럼 httpie를 이용해서 request를 던졌을 때 발생했다. 예전에 잘만 응답하던 친구가 갑자기 url을 못찾겠다고 땡깡을 부리고 있다. ㅠㅠ (무언가 잘못입력한 기억은 없는데.....)이 문제를 해결

회원가입 기능을 구현하면서 입력되는 이메일과 비밀번호에 대해서 적절히 입력되었는지 확인하는 과정을 구현하기로 했다. 이메일 --- @ ~--.\~\~~ 형태비밀번호 \*\*\*\* \*\*\*\* 8글자 이상꼭 필요한 조건은 이메일의 경우 아이디가 나오고 중간에 @가

위의 제목처럼 지었지만 사실 어떻게 요약해서 제목으로 적을지 가늠이 안가서 위와 같이 아무도 몰라보게 작성한 것 같다. 정리하고 싶은 문제의 핵심은 http 메시지를 다음과 같이 키의 값을 비워서 보낼 때 http post localhost:8000/blahblah n

저번 포스팅에서 적은 것처럼 ORM은 SQL없이도 자료에 접근할 수 있도록 도와준다. 그중에서 테이블을 넘나들면서 자료를 가져오는 것은 필수적이다. (SQL적으로는 join의 기능) 그중에서 M:M 자료를 조회하는 방법에 대해서 정리하고자 한다. 우선 바탕이 되는 테이

django로 프로젝트를 하다보면 내가 만든 앱들 사이를 넘나들며 작업을 하게 되는 경우가 많다. 이런 경우 import를 통해서 해당 모듈을 가져오게 되는데 이 과정에서 문제가 생긴 경험을 적어보려고 한다. 웹사이트를 만들면서 찜하기 기능을 구현하고 싶었다. 찜하기

잘못 설계된 테이블로 삽입, 삭제, 수정 같은 데이터 조작을 하게 될 경우 이상 현상이 발생한다.주로 관계형데이터베이스를 이용하는 DBMS에서 발생 (mysql, oracle etc.)이 블로그의 게시글을 참고하여 작성했습니다. 도메인 원자값 만족 테이블에 한 행, 한

pythonjavascriptpythonjavascriptpythonjavascriptpythonjavascript"-" 연산자가 숫자에서만 이루어지는 점을 이용한 변환pythonjavascript숫자 + 문자 ==> 항상 문자가 되는 점을 이용한 변환pythonjav

hoisting비동기 개념 → 변수, 함수, 클래스 등을 먼저 메모리에 수집 , 단 선언만 실행, 할당은 해당 코드라인에서 이루어짐 ( var로 선언과 할당을 하게 되면 reference error는 발생하지 않으나 undefiend가 출력이 됌 → 동기/ 비동

javascript를 하면서 실제 코드는 돌아갔는데 무엇이 잘못되어서 원하는 결과가 안나오는지 궁금한 경우가 많았다. 특히나 자바스크립트가 런타임 언어다보니 실제 코드를 돌려보기 전까지는 디버깅이 안되었다. 많은 사람들이 이렇게 불편함을 느껴 탄생하게 된 타입스크립트의

탄탄한 백엔드 nestJS 인프런 인강을 보면서 정리한 내용

서비스1 -> 서비스2서비스 2 -> 서비스 1 순환참조 발생 -- >별도의 레포지토리를 만들어주면 해결데이터 소스 ( db)가 여러개인 경우 -> 레포지토리를 한 번 거치면 서비스에서 별도로 로직을 바꿔줄 필요는 없음서비스 -> 레포지토리 -> 데이터 소스 \-

네브 바에 알람기능을 보여주는 기능을 만드는 과정에서 새로 알게 된 내용을 기록미리 만들어진 템플릿을 확인해보았을 때 알람 아이콘 옆에 조그마한게 알람의 숫자가 표시되고 있었다. 이를 html 태그로 확인을 해보면 다음과 같이 small태그로 자리잡고 있었다. w3sc

기존에 append같은 경우 한 요소 '안'에 다른 요소를 넣는 방식이라면 after/before는 한 요소에 형제 요소 즉 같은 계층으로 요소를 추가하고 싶을 때 사용한다. after함수 다음에 추가되는 요소에 대해서 function을 적용해서 특정 텍스트를 넣거나

3개의 요소를 한 번에 바꾸는 경우 -- jquery는 한번에 가능3개의 요소에 이벤트리스너 적용하는 경우 JS 불가능 Jqeury 가능 + 세분화( 추가 셀렉터 ) 가능 fadeIn()/ fadeOut()slideDown() slideUP()~toggle() s