Jenvelop log

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

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

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..

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..

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..

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..

MTV 패턴 - Model: 데이터 찾기 담당 - Template: 보여지기 담당 - View: 처리 담당 가상환경 생성: python -m venv 가상환경이름 가상환경 실행: source 가상환경이름/Scripts/activate 가상환경 종료: deactivate 장고 설치: pip install django 프로젝트 시작: django-admin startproject 프로젝트 이름 서버 정상 작동하는지 확인 python manage.py runserver manage.py로 앱 생성: python manage.py startapp 앱 이름 ctrl+c 하면 나가짐 프로젝트 이름의 settings.py 파일 들어가서 INSTALLED_APPS에 앱 이름 추가해주기 home.html Hello Wo..

자기소개 웹페이지 과제 시작 ! 자기소개 웹페이지를 만들기가 과제로 나왔다. 고등학교 때 한번 만들어봤는데 프론트 지식 전혀 없이 구글링만 해서 만들었었다. 이번에는 그래도 p태그가 뭔지, a태그가 뭔지 .. 부모/자식 상속 관계 등등 알고 만들어서 다른 경험이었다. 수업이 8시반쯤 끝났는데, 바로 본가를 가게 돼서 버스 타는 동안 노트북 켜고 열심히 첫페이지를 만들었다. (버스 타는 1시간 반동안 첫페이지 완성도 못함) 사실 일요일까지인줄 알고 수업 끝난 당일부터 한건데 .. 알고보니 훨씬 널널했다 ㅠ 밤새 만든 보람이 없달까 .. ㅎ 할튼 처음이라 첫페이지 만드는데에만 하루를 쓴거같다. 메인 페이지 스크린샷해서 저 LP가 멈춰있는데 실제 사이트에서는 저게 CD 돌아가듯 회전한다. 저 효과가 생각보다 ..

1회차: HTML HTML이 어떻게 생겼는지, 다양한 태그들에 대해 배워봤다. 2회차: CSS CSS의 다양한 기능을 배워봤다. 하지만 짧은 시간동안 많은걸 배우려니 머릿속에 정리가 잘 안됐다ㅠ 인터넷에서 서치해가면서 (약간 야매로) 웹페이지를 만들긴 했는데 다시 한번 복습해야겠다. em 부모 structure이 기준 rem 전체 structure이 기준 → 상대적인 고정값 % 내가 보고 있는 frame에서의 상댓값 self-closing div를 로 쓰는 경우도 있음: style.css에서 조정 시 css 다중 선택자: 먼저 설정 배정 —> 이후 개별적으로 설정 class = “red box” → red 와 box 라는 클래스 2개인 것 .box {} → box라는 클래스에 접근하겠다 .box .red..

멋사 동아리 합격 ! 웹 개발 학술 동아리를 꼭 들어가고 싶었는데 마침 눈여겨보던 멋쟁이사자처럼 대학 지원공고가 떴다. 예전에 프론트를 살짝 경험해보기도 했었고 배워보고 싶은건 백이라 백엔드로 지원했다. 지원공고가 올라온 날 바로 지원서를 작성하고 .. 시간이 꽤 지난 후에 면접 기회를 가질 수 있었다! 면접, 그리고 최종 합격 이상하게 멋쟁이사자처럼 동아리는 나에게 특별하게 느껴진다. 전과하고 처음 들어간 개발 동아리라 그런가? 예전에 드라마 스타트업을 보면서 해커톤에 관심이 많았다. 해커톤 나간 사람들이 너무 멋있어보였고.. (수지랑 남주혁인데 안멋있어보일리가..^) 멋사에서 아이디어톤이나 해커톤이 있다고 들었는데.. 멋사에 들어오니 나도 그런 사람이 될 수 있다는게 설렌다. 어쨌든 ! 당분간 이 게..