# CODECADEMY
Codecademy - Learn CSS
코드카데미의 css 코스를 수료했다. 대부분의 내용은 알고 있는 내용이었기 때문에, 모르는 내용 위주로 정리하려고 한다. !important rule 이렇게 쓰면 우선순위를 무시하고 무조건 저 특성이 적용된다. auto keyword margin에 auto 키워드를 적용하면 사물을 가로 중앙으로 정렬한다. overflow 만약 콘텐츠가 화면의 사이즈에 비해서 너무 크다면, overflow 특성을 통해 콘텐츠가 화면에 어떻게 표시될 지를 결정할 수 있다. 기본은 visible이고, 이는 추가 공간을 사용해서라도 콘텐츠를 표시하는 것이다. scoll과, hidden 특성도 존재한다. clear clear 특성은 해당 사물의 특정 방향에 다른 사물이 들어오는 것을 막도록 한다.
Learn Intermediate JavaScript - Codecademy
Learn Intermediate JavaScript - Codecademy Classes Introduction to Classes Constructor 객체랑 비슷하게 생겼지만 가장 중요한 다른점은 constructor임 JavaScript calls the constructor() method every time it creates a new instance of a class. Instance Methods Method Calls Inheritance 왜 super 키워드를 써줘야 하나 ? https://ko.javascript.info/class-inheritance#ref-451 When a regular function is executed with new, it creates an empty object
Django | Codecademy | Accounts and Authentication
Admin Account In order to access the Admin interface, we must create a superuser superuser has the permissions to freely control data python3 manage.py createsuperuser shell will prompt us to type in a username, email, and password once completed, we can navigate to the /admin route and log in with the credentials we just used to create our superuser If we get redirected to the index page, that means our login was successful Registering Tables in Admin In order to intera
Django | Codecademy | Forms
Django Forms vs. HTML Forms Django Forms look much like HTML forms, but Django uses a model based system to handle the data. Form Security Form Validation Form validation is also necessary to help defend out applications from possible attacks that use incorrect data types to cause problems (e.g. SQL attacks). This validation can include ensuring only specific data types are being submitted to protect our database. Submitting a Form In Django, we’ll be using the `"POST"
Django | Codecademy | Views
What are Views? Views act as a link between Model data & Templates a view is a function that takes HTTP request and returns a HTTP response view describes which data you see, not how you see it Steps of accessing a view via URL: A user visits a URL which sends a request for a resource to Django (e.g. navigating to a specific endpoint). Django looks into the **framework for
Django | Codecademy | Introduction to Django
How does Django work? Model : deals with data and databases. It can retrieve, store, and change data in a database Template : determines how the data looks on a web page View : describes the data to be presented, & passes this information to the template Request comes to web server ➜
[TIL] CSS 3: Layout with Flexbox
웹페이지 만들기 1. 본문 구성하기 `` 태그를 이용하여 본문의 커다란 레이아웃 만들기 flexbox ` 와 ` 구성하기. 2. 목록 구성하기 `` 태그를 이용하여 목록 만들기 `` 상단에 고정하기 3. footer 구성하기 .footer { padding: 60px 0px; background-color: #e9e9e9; color: #000; font-size:20px; text-align:center; }
[TIL] CSS 3: Flexbox
Display Main axis 1. Justify-content 2. Flex-grow 확대 Flex-shrink 축소 Step 1 Step 2 Step 3 3. Flex-basis 
3. def Title (your side): return nawhij
1. First. 첫번째 SELECT AS Column 1 의 이름을 변경할때 사용. DISTINCT WHERE (조건) WHERE의 공백값 LIKE BETWEEN AND OR ORDER BY 기본옵션은 오름차순. DESC 내림차순 LIMIT CASE
[TIL] CSS 3: Typography
Typography 1. Font Font-family 폰트 설정 서체의 이름이 두 개 이상의 단어일 경우 따옴표로 묶어줘야 한다. font-weight 볼드체 설정 bold, normal or 100~900 (100의 배수) {font-weight: bold;}{font-weight: 200;} font-style 이탤릭체 설정 {font-style: italic;} Serif 끝부분에 엣지가 있는 문자 스타일. 신문 디자인 ex) Times New Roman, Georgia Sans-Serif: 끝부분에 엣지가 없는 깔끔한 스타일. 보기좋음 ex) Arial or Helvetica. > 구글폰트에서 "Space Mono+400+Bold" 가져오는 방법 1 이 큰 영역이 값만큼 앞에 나타난다. Display 1. Display 줄을 바꾸지 않고 다른 요소와 함께 한 행에 위치한다. 대표태그: span, a, strong, img, br, input, select, textarea, button > * width, height, margin-top, margin-bottom 지정이 불가능 하다. >* line-height로 상하 여백 지정만 가능하다. >* 요소 뒤에 공백이 있는 경우, 4px가 자동 지정된다.
[TIL] CSS 3: The Box Model
The Box Model 1. Content Height and Width >contents 영역의 가로세로 사이즈는 스크린 사이즈에 따라 변하기 때문에 설정해 주는 것이 중요하다. (px) 2. Borders Contents와 Padding을 둘러싸는 두꺼운 테두리 영역 Width 두께 (px, thin, medium, thick) Style 테두리 선 None, Hidden, Dotted, Dashed, Solid 등. 상하좌우 지정이 가능하다. Color 색상 border-style과 함께 적용해야 적
[TIL] CSS 3: Selectors & Visual Rules
CSS (Cascading Style Sheets) 세팅방법 구조 {property: value;} 1. Inline 2. 태그형식 3. 파일형식 4. @media 규칙 하나의 HTML 문서를 다양한 장치에서 서로 다르게 css를 설정할 수 있다. @media screen and (min-width:960px) PC환경 @media screen and (max-width:767px) 모바일환경 > CSS 선택자 1. Class 선택자 "." Multiple 선택자 class="hello" 속성 중 h1에만 적용하는 방법 하나의 속성에 여러개의 class를 추가하는 방법 2. ID 선택자 "#" 가장 Specific한 선택
[TIL] HTML 5: Semantic HTML
1. Header and Nav Navigational Links Home Posts Contact >Header는 목차/메뉴
[TIL] HTML 5: Form Validation
Guess the right number! Enter a number between 1-10: 숫자 맞추기 게임 1. Requiring an Input >빈칸으로 제출할 때 확인메세지 뜨게하는 방법 2. S
1. def Title (Comfortable): return H.E.R
About SQL First. 첫번째 SQL은 데이터 관리를 위해 설계된 특수목적의 프로그램 언어이다. Second. 두번째 함수문법. Third. 세번째 주석. Single line comment = -- Multi line comment = /* , */
[TIL] HTML 5: Forms
Login to start creating a burger! Username: Password: 로그인 페이지 1. Input Type: Text >text 입력을 위한 영역 <img src="https://content.codecademy.com/courses/web-101/unit-6/htmlcss1-img_burg
TIL31 - DOM
What is DOM? \> Document Object Model - a structural model that organizes a webpage's HTML document as an object. Using JavaScript, we can access and make changes to the HTML document through the use of this document object. DOM can be seen as a link between a webpage's HTML file and the scripting language(most commonly JavaScript). The DOM allows you to use JavaScript to access and make changes to the HTML document by accessing the HTML's elements. *So basically, JavaScript uses DOM to
코드 입문: Codecademy Review
코딩 학습을 하게 된 계기: 지난 사회생활 동안 엑셀과 개발환경에 많이 노출되어 있던 나는, 앞으로 개발 능력 없이는 많은 장벽을 맞이하게 될 것이라고 직감했다. 타인의 능력을 빌리고 전문화 작업이 진행되는 것은 당연한 이야기지만, 그럼에도 불구하고 내가 진행하려는 서비스, 상품 또는 무언가를 할 때에 그 근간이 되는 웹과 애플리케이션에 대한 개발과 환경 등을 누군가의 손에 맡겨야만 한다는 건 마음에 들지 않았다. 그리고 누군가가 내 핵심 서비스를 구축해주기만을 기다리는 것은 내 성질에 맞지 않아 적어도 개발자와 소통할 수 있는 수준의 지식이라도 가져보자!라고 생각하게 된 것 같다. 코딩, 어디까지 갈 것인가: 처음으로 코딩을 배우기 시작할 때 내가 과연 코딩과 잘 맞을까? 라는 생각은 누구나 갖게 되는 것 같다. 나 역시 내가 개발자로서 역량을 충분히 발휘할 수 있는 적성을 가지고 있을 것인가를 고민하게 되었다. 그 때문인지 유튜브, 블로그, 구글링 등을 통해서 내