전체 글 58

[멋쟁이사자처럼 11기] 8회차: DOM, JS 비동기 처리

1. DOM - html 문서의 구조와 컨텐츠를 JS 에서 조작할 수 있게함 - 트리 구조: 루트 노드인 Document 객체로부터 시작 -> 계층 구조 -> 왜 트리 구조여야하는가? - html은 상하구조가 확실함 const button = document.querySelector("button"); -> 특정 노드를 뽑아서 변수에 할당해놓음 textContent: -> 어떤 텍스트가 들어가있는가 innerHTML: -> 어떤 구조인가 But, 바꾸려고하는 행위는 언제나 조심해야함 ! let paragraph = document.createElement("p"); paragraph.appendChild(p)..

[멋쟁이사자처럼 11기] 과제 3: 블로그 기능 추가

1. 검색창 만들기 는 검색어를 입력할 수 있는 텍스트 필드를 정의합니다. 검색 필드는 텍스트 필드와 기능적으로는 완전히 똑같지만, 브라우저에 의해 다르게 표현될 수 있습니다. 검색 필드에는 반드시 name 속성을 설정해야 하며, name 속성이 설정되어 있지 않으면 서버로 제출되지 않을 것입니다. aria-label은 우리 눈에 보이지 않더라도 브라우저에게는 전달이 되면 좋은 정보, 혹은 스크린 리더를 통해 웹을 사용하는 사용자들에게 전달해야 하는 정보를 제공하고 싶을 때 사용합니다. 장고에서 POST 메서드를 사용할 땐, 해킹 방지를 위해 반드시 csrf_token를 사용해야 합니다. 2. url 추가 search라는 이름으로 views 파일의 search 함수로 넘어갑니다. ..

[멋쟁이사자처럼 11기] 7회차: Static, Media, Template 상속, pagination

Static 정적 파일: 이미지, css, javascript, 등등.. -> 미리 서버에 저장 (서버에서 제공하는 파일) -> 서버 저장 안하면 logic 일일히 돌려줘야함 Media 유저가 업로드 한 파일: pdf 등등.. APP(blog 폴더) 내에 static 폴더 생성 -> 정적파일 넣기 settings.py # Internationalization # https://docs.djangoproject.com/en/4.1/topics/i18n/ LANGUAGE_CODE = 'ko-kr' TIME_ZONE = 'Asia/Seoul' USE_I18N = True USE_TZ = True # Static files (CSS, JavaScript, Images) # https://do..

Java: 나도코딩의 자바 기본편 정리

객지프와 자료구조를 수강하면서 이해가 필요한 챕터들을 인프런 강의를 통해 추가로 수강 할 예정이다. 배열: 같은 자료형의 값 여러 개를 저장하는 연속된 공간 배열 선언 방법 1. String[ ] coffees = new String[4]; 2. String coffees[ ] = new String[4]; 크기 4개의 똑같은 String 데이터를 가지는 배열을 만듬 coffees[0] = "아메리카노"; coffees[1] = "카페모카"; coffees[2] = "카페라떼"; coffees[3] = "카푸치노"; 3. String[ ] coffees = new String[ ] { "아메리카노", "카페모카", "카페라떼", "카푸치노" }; 4. String [ ] coffees = { "아메리카노..

Algorithms/Java 2023.04.02

Github: 자주 사용하는 cli 명령어 모음

git init: git 저장소 생성 git add . : 폴더 안 모든 파일 추가 git add test.cpp: test.cpp 파일만 추가 git commit -m "Add: first one": 커밋 메세지와 함께 커밋 git remote add origin (레포 HTTPS 주소): 레포 연결 - 처음 연결 시 사용 git push origin master: 이미 업로드 한 적 있을 때 사용 git checkout 브랜치명: 브랜치 전환 그 외: git status: 현재 상태 확인 - git add 하고 add 됐는지 확인 가능 git clone (HTTPS 주소): 저장소 복제

etc 2023.04.02

Algolab 1-2: 주어진 정수의 최대, 최소 구하기 (C++)

이 문제 하나에 순수 7시간을 투자한게 억울해서라도... 티스토리에 업로드 해야만 했다.. 다시는 이런 문제를 마주쳤을 때 오래걸리지 않길 바라면서.. 일단 비교해서 풀어야하는 문제는 맞았다. 하지만 오래 걸리게 된 이유로는, 초반에 문제 접근이 잘못됐다. 배열의 개념을 완벽하게 이해하지 못했는데 배열로 풀려고 하니 꼬이기 시작했고, 점점 어렵게 됐다. 여러 개의 정수들이 주어졌을 때, 이 정수들 중에서 가장 큰 정수(최대값)와 가장 작은 정수(최소값) 를 계산하는 프로그램을 작성하시오. #include using namespace std; int main() { int t; cin >> t; int min; int max; for (int i=1; i> n; for (int j=0..

Algorithms/C++ 2023.04.02

[멋쟁이사자처럼 11기] 6회차: Django U, D

model.py -> 데이터베이스 X 데이터 = 객체 id column (PK) 장고에서 기본적으로 제공 클라이언트(웹) -> 서버: request 서버 -> 클라이언트(웹): response view.py -> 데이터베이스에서 객체를 가져옴 - urls.py -> 그 객체를 어떤 주소로 보여줄지 - templates -> 그 객체를 어떤 리소스랑 결합할지 form 태그: 사용자의 입력을 전달받기 위해서 사용 path converter (urls.py) . . . path('blog/',views.detail,name='detail'), ] views.py에서 redirect랑 render 차이: - render 사용 시 새로고침하면 요청 날라감 - redirect는 GET요청을 계속 날아가게 해줌 fo..

[멋쟁이사자처럼 11기] 5회차: Django C, R

Create Read Update Delete ORM: 객체-관계형 DB 연결 1. Read home.html 블로그 홈페이지 {% for blog in blogs %} {{blog.title}} {{blog.created_at}} {{blog.content}} {{blog.hobby}} {% endfor %} models.py: summary 함수 추가 from django.db import models # Create your models here. class Blog(models.Model): title = models.CharField(max_length=100) created_at = models.DateTimeField(auto_now_add=True) content = models.TextF..

[멋쟁이사자처럼 11기] 4회차: Django 실습

Model 데이터베이스 - 관계형 데이터 베이스: 테이블 장고ORM - SQL문을 안쓰고도 데이터 조작 및 관리 가능하게 함 Class와 Table - Class = Table models.py의 변경사항을 감지하여 파일로 생성: python manage.py makemigrations makemigrations에서 생성된 파일을 DB에 적용: python manage.py migrate admin 아이디/비번 설정: python manage.py createsuperuser models.py from django.db import models # Create your models here. class Blog(models.Model): title = models.CharField(max_length=1..