repl.it를 통해서 배운 내용들이다. 위코드 전에 생활코딩이나 사전스터디로 웹페이지 만들기를 하면서 분명히 알고 넘어갔다고 생각했지만 막상 TIL이나 글로 질문할 때 어떻게 지칭해야하는지 몰라서 난감했을 때가 있었다. 역시... 결국엔 몰랐다는 거다. 이번에 rep
태그에는 속성을 지정할 수 있다. 한 태그에 여러 속성을 지정할 수 있다.a는 태그고, href는 속성이다.태그에 이름을 부여하는 속성이다. 다른 id의 이름과 중복되어서는 안된다. 예를 들면base라는 이름을 가진 id는 한번만 쓸 수 있다! 유일하게 사용하고 싶을
HTML로 기본 뼈대를 잡았으면 CSS로는 디자인을 잡을 수 있다. 이 CSS를 HTML에 적용하는 방법은 총 3가지가 있다!
브라우저에 나오는 텍스트들을 폰트 스타일을 사용해서 다양하게 디자인해줄 수 있다. font-family에 대해 간략히 .. 왜냐하면 난 몰랐으니까... 어떤 이유로 그렇게 폰트들을 나열했는지...!
모든 요소들은 margin, padding, border를 가진다. margin과 padding은 여백을, border는 테두리를 디자인할 수 있다. 1. margin 테두리(border)의 바깥에 있는 주황색 부분이 margin이다. ✏️ html 코드 ✏
width 와 height를 사용해서 요소의 크기를 조절해줄 수 있다. 그런데 width와 height는 margin이나 border, padding 값을 다 뺀! 예시를 들자면, ✏️ 코드 작성 🖥 실행 화면wecode라고 쓰여진 요소의 값은 내가 지정한 width
css가 가진 특성이라고 한다. 스타일이 상속되어 부모가 속성을 가지고 있으면 자식에게도 같은 스타일이 적용되고, 부모의 속성이 있어도 자식 본인이 해당 속성을 따로 가지고 있다면 본인의 스타일이 적용된다. 처음 자기소개 웹페이지를 만들때는 부모와 자식이라는 단어도 이
저번 TIL에서 썼던 css 기본구조다. h3은 selector이고 이 seletor는 결합해서 사용할 수 있다. selector(선택자)에 class나 id를 사용할 경우 태그와 결합할 수 있다. ✏️ 이런 html 구조가 있으면, ✏️ p 태그이면서 p-tag 클래
이미지 넣는 방법은 html에서 img 태그를 사용하는 것뿐이라고 생각했지만 css로도 이미지를 넣을 수 있다는 걸 알았다!!html에서 세션을 나누어주는 div 태그를 사용해서 클래스를 만들어주고, css에서 background-image 속성을 추가해서 속성값에 u
1. Block > 블록은 위아래로 쌓는다. 그래서 블록 속성인 태그들을 사용하면 콘텐츠 크기에 상관없이 한 칸 , 한 칸씩을 몽땅 차지한다. - block 요소인 tag들 - width 값과 height 값을 입력해서 크기를 변경할 수 있다. - widht에
그대로 해석하면 의미론적인 웹이다. 무언가 매콤한, 그리고 맛있는 음식을 먹고 싶어서 맛집이라고 검색했다고 치자. 다음과 같이 목록이 생성됐다.<맛집><맛집><닭발맛집><맛집><파스타맛집><맛집><술안주맛집><맛집><초밥
position 은 static, relative, absolute, fixed 등이 있다. 이번에는 이 4가지 값만 살펴보려고 한다! 1. Position? HTML의 tag의 위치를 결정한다. 1) static : 디폴트! 기본 값이다! (tag는 차례대로
0. 개발자 도구? 말 그대로 개발자들이 쓰는 도구다. 윈도우에서는 F12를 누르고, 맥에서는 옵션+커맨드+i를 누른다. 아니면 마우스 오른쪽 버튼 눌러서 검사를 눌러줘도 확인할 수 있다. 개발자도구는 각각의 브라우저들이 제공하는 tool 이기 때문에 브라우저들마다
Repl.it 24번 문제다...if문을 사용하는 문제.풀긴 풀었는데 멘토님이 쓰신 model solution을 보고 한줄씩 또 분해해봤다. 월(month)와 일(day), 이 2가지를 input 값으로 받았을때, 2019년의 해당 월과 일의 다음 날의 월과 일을 출력
거의 하루를 몽땅 날린 것 같은 Repl.it 25번 문제다...(공통 세션도 있고, 이것 저것 있기는 했지만)if문을 짜다가 반복되는 구문이 있으면 중첩문을 사용해서 코드의 가독성을 높일 수 있다. 계속 반복되는 status == "학생"을 if문 안에 넣고 또 다시
수학적인 함수와 같다.반복되어 계속 사용되는 코드들을 효과적으로 사용하기 위해.코드의 가독성을 높이기 위해.Input을 해주는 Parameter → 함수 → Output을 해주는 Return 값Parameter와 Return은 Optinal이다. input해주는 par
Function(함수)는 parameter로 input을 받아서 return으로 리턴 값을 output 해준다. 이 함수를 호출할 때 parameter를 함수로 건내서 호출한다.Function은 여러 형태를 사용할 수 있다. : 순서에 맞춰 parameter 값을 전해
Repl.it 과제 내용이다! function과 function parameter, parameter 순서에 대해서는 이전 TIL에 남겨놓고 이번 글에서는 과제에 대해서만 정리하려고 한다. 1. > 함수를 정의 할때 default value parameter를 no
sys.modules 와 sys.path의 차이점을 서술해 주세요.sys.modules은 파이썬이 모듈이나 패키지를 찾을 때 가장 먼저 확인하는 곳으로 단순한 dictionary 형태며, 이미 import된 module과 package를 저장해놓는다. sys.path는
바로 전 글에서
Git 브랜치 합치기 Git에서 한 브랜치에서 다른 브랜치로 합치는 방법으로는 두 가지가 있다. git merge git rebase merge는 뭐고, rebase는 뭘까 ? 1. git merge
프로젝트하면서 db 업로드 파일을 만들어서 데이터를 넣었는데 삭제할 일이 있었다. drop database가 아닌, delete를 써서 테이블만 삭제해야했다.테이블 내용 전체 삭제하기 DELETE TABLE \[테이블명]일정 컬럼만 삭제하기 DELETE TABLE \[
iterable한 오브젝트를 생성하기 위한 방법중 하나로 파이썬에서 사용할 수 있는 유용한 기능 중 하나다. List Comprehension (LC)Set Comprehension (SC)Dict Comprehension (DC)Generator Expression
동기들이 lambda 함수를 사용하는 것을 자주 보기도 했고, 한번 써보고 싶은데 어떻게 사용하는지 몰라서 1. 람다(lambda)란? 람다(lambda)는 익명함수를 지칭한다. 그렇다면 익명 함수란? 함수지만 기존의 함수 선언 문법과 달리 함수의 이름을 써주지 않
리스트 컴플리헨션 중첩!!!!!!!
: 서버와 포스트맨이 연결이 안되는 것 같다. ipconfig로 ip도 확인했고,post인지, get인지 등등 method도 확인했고,urls.py도 확인해서 api 주소가 틀리지 않았다는 것을 확인했음에도 불구하고 ...python runserver가 잘 되고 있다는
error 메세지 : 저장된 데이터를 지워야할 때마다 이전에는 delete 명령어를 사용한 후에 ALTER TABLE 테이블명AUTO_INCREMENT = 0; 명령어로 테이블 생성시의 초기 값 부터 생성되도록 했다. (....TRUNCATE 이해할 때 참고된
계속 JsonResponse를 사용했으면서 Json이 무엇인지 이제야 알아보는 나...
동기방식 (Synchronous) ; 설계가 매우 간단하고 직관적이지만 결과가 주어질 때까지 아무것도 못하고 대기해야 하는 단점. 요청을 보낸 후 응답(=결과)를 받아야지만 다음 동작이 이루어지는 방식이다.어떠한 일을 처리할 동안 다른 프로그램은 정지한다.실제 cpu가
컴파일이란 개발자가 작성한 소스코드를 바이너리 코드로 변환하는 과정을 말한다. (목적파일이 생성됨) 즉, 컴퓨터가 이해할 수 있는 기계어로 변환하는 작업이다. 이러한 작업을 해주는 프로그램을 가르켜 컴파일러(Compiler)라 한다.프로젝트를 진행하다 보면 소스파일이
사이드 프로젝트에 소셜 로그인 기능을 넣기로 했어서 소셜 로그인을 맞춰보려고 했다. 그런데 ...You're accessing the development server over HTTPS, but it only supports HTTP. 이런 에러 코드가 계속 발생했고
지정된 포맷형식에 맞추어 datetime.datetime객체를 문자열로 반환한다. : 연도를 축약하여 표시('13'): 연도를 축약하지 않고 표시('2013'): 축약된 월이름('Mar'): 축약되지 않은 월 이름('March'): 숫자로 표현한 월(01~12): 일(
Gunicorn은 Green Unicorn이라는 뜻으로 Python WSGI HTTP 서버다.웹서버와 WAS 사이를 연결하는 인터페이스로 파이썬에서는 wsgi를 사용하고 있다.이렇게 서버를 실행하면 EC2를 종료해도 서버가 계속 켜져있는 상태가 된다.목록 맨 위에 있는
CODE 책을 읽다가 '폰 노이만 구조'라는 단어를 발견했다. 폰 노이만 구조? 뭐지? 싶어서 찾아본 내용이다. 폰노이만 구조가 등장하기 이전의 컴퓨터들은 스위치를 설치하고 전선을 연결하여 데이터를 전송하고 신호를 처리하는 식이었다. 프로그램과 데이터를 하나의 메모리에
런타임(Runtime)과 컴파일타임(Compiletime)의 차이점은 무엇인가?
이전에 Django를 사용하면서 ORM에 대해 글을 남긴 적이 있었는데, 그 때는 ORM이 무엇인지, 어떻게 사용하는 것인지만 써서 ORM의 장,단점을 정리해보려고 한다. Object Relational Mapping: 객체와 관계형 데이터베이스의 데이터를 자동으로 매