전체 글 (164) 썸네일형 리스트형 #7. HTML 문서에서 CSS를 로드하는 두 가지 방법 CSS 파일을 HTML에서 로드하기 위해서는 1) link 태그와 2) @import 사용하는 방법 두 가지가 있습니다. 1) link 태그 Hello 2) @import **주의해야 할 점 common1.css 파일부터 common4.css 파일까지 총 4개의 파일이 있다고 가정해보겠습니다. 첫번째 사례로 주어진 index.html은 독립적인 common*.css 파일들을 불러옵니다. 이것은 병렬방식으로 common1.css 파일부터 common4.css 파일까지 거의 동시에 읽어옵니다. 따라서 한 파일을 읽는데 1초가 걸린다고 가정하더라도 1초정도면 4개의 모든 파일을 불러올 수 있습니다. Hello 반면 아래와 같이 common1.css 는 common2.css를 import하고, common2.c.. #6. CSS Reset 사용방법 CSS Reset CSS를 사용하다보면 기본적으로 적용되어 있는 margin, padding 등과 같은 CSS값 때문에 불편함을 느낍니다. 이를 해결하기 위해 초기 body의 margin과 padding, h1 태그의 모양, li 태그의 모양 등 브라우저에서 기본적으로 제공하는 모습을 없애는 방법으로 CSS Reset을 활용합니다. 우선 아래의 사이트에서 copy html을 눌러 html에 붙여넣기를 해줍니다. https://www.jsdelivr.com/package/npm/reset-css jsDelivr - A free, fast, and reliable CDN for Open Source Supports npm, GitHub, WordPress, Deno, and more. Largest netw.. Django 장고 - Secret key 파일 분리하는 방법 장고 프로젝트를 Git에 업로드 하거나 배포할 때, 보안상으 이유로 Secret Key를 분리해야 합니다. 이번에는 Secret Key를 파일로 따로 관리하는 방법에 대해 알아보도록 하겠습니다. secrets.json 파일을 만들기 - 먼저 secret key를 담을 secrets.json 파일을 manage.py과 같은 위치에 만듭니다. - 이 json file의 형식은 아래와 같습니다. - "SECRET KEY" 부분에 본인의 SECRET KEY를 입력해주면 됩니다. { "SECRET_KEY" : "SECRET KEY" } settings.py을 수정해줍니다. import os # json file을 읽기 위해 json module을 import 합니다. import json # Error 발생시 .. Django 장고 Form_valid 함수 Django의 view 안에 있는 form_valid 함수에 대해서 간단하게 알아보도록 하겠습니다. def form_valid(self, form): form_valid 함수는 유효성 검사가 끝났을 때 호출되는 함수입니다. form_valid를 추가해 정보를 저장합니다. 예를 들어, ID 가입을 확인하는 기능을 만든다고 했을 때의 경우 ID 가입을 위한 Form을 작성하도록 합니다. 여기서 user의 ID가 중복이지 않고, password와 비밀번호 확인을 위한 check_password가 같은 경우에 form_valid 함수는 user정보가 저장되도록 합니다.(form.save()) 만약 password와 check_password가 다른 경우 form_valid 함수가 동작하지 않아 유저정보가 저장되.. decorator(데코레이터) 사용법 Decorator :: 함수를 Wrapping 해서 기능을 재사용할 수 있게 해주는 기법입니다. 실제로 어떻게 개발에 사용되고, 왜 필요한지에 대해 알아보도록 하겠습니다. def test_func(): if user is None: # login 여부를 확인 return redirect('/login') # login 되어있지 않은 경우 login page로 redirect print('Do something') # login이 되어 있는 경우 실행 def test_func2(): if user is None: return redirect('/login') print('Do something2') ..... * 100 # 이런 함수가 100여개가 있는 경우를 가정 test_func 함수는 실행될 때, 우.. Linux 기초 명령어 find / cat / grep / whereis / which 명령어 find 명령어 find 검색조건에 맞는 파일을 지정한 위치에서 찾는 것을 말한다. -name: 파일 이름으로 검색 -type: 파일 타입은 ~다. -user: 로그인 아이디 소유주 대상(root, centos) ex: -user centos -perm: 지정한 접근 권한과 일치하는 파일 검색 -exec: 명령어를 수행하라는 뜻 -exec cp {} ; #echo "명령어 옵션 확인" find -help #echo "/usr directory에서 ls라는 이름을 가진 파일을 찾기" find /usr -name ls find /usr -name service find . -type f -name 'servic*' -print #echo "현재 directory에서 파일을 찾는데, 비어있는 모든 이름.. Git - 원격저장소 업로드 방법(remote, push) # 이번 과정에서는 원격저장소에 업로드하는 방법에 대해 알아보도록 하겠습니다. # github(원격저장소)에 repository를 만들고, 로컬저장소와 연결하는 작업(remote)을 수행합니다. # 이후 commit 된 파일 및 폴더들을 원격저장소에 업로드(push)하는 작업을 수행합니다. # 비전공자가 이해한 git 원격저장소(github) 연결 방법 1) Repository 만들기 깃허브(github)에 가입되어져 있는 상태라고 가정하고 설명하도록 하겠습니다. :: github 가입(https://github.com/) 깃허브(github)는 원격저장소라고 할 수 있습니다. 다른 컴퓨터, 다른 환경에서 이 원격저장소를 통해 내가 쓴 코드들을 내려받고, 저장해놓았던 환경을 내려받아 다른 컴퓨터에서도 처.. Git - reset (버전 되돌리는 방법, commit 취소) # commit한 값을 취소하는 방법으로 reset을 사용합니다. # reset은 원하는 이전 버전으로 이동이 가능합니다. # 또한 reset으로 바꾼 설정을 ORIG_HEAD라는 변수를 이용해 되돌릴 수 있습니다. # 비전공자가 이해한 git 버전 되돌리는 방법(reset)/commit 취소하는 방법 1) reset Git 버전을 되돌리기 위해서는 git의 reset이라는 명령어를 사용해야 합니다. 먼저 git log를 통해 현재 버전의 상태를 알아봅니다. 이전 과정에서 git을 한번 병합했기 때문에 master branch의 git log에 new_branch가 들어와있는 것을 확인할 수 있습니다. git reset을 통해 버전을 되돌리게 되면 아래 과정과 같이 병합했던 것이 풀리고 그 전 단계로 돌.. Git - Branch(브랜치) 병합, 충돌 해결 방법 # 여러 개의 Branch를 병합하는 방법과 병합시 주의사항을 알아봅니다. # 충돌이 일어났을 때 해결하는 옵션을 알아보겠습니다. # CONFLICT(content): Merge conflict in index.html 해결방법에 대해 알아봅니다. # 비전공자가 이해한 git 1. Branch 병합(merge) - Merge git merger branch_name branch 간의 병합은 위의 명령어로 실행됩니다. 주의사항으로는 무조건 합쳐지는 개념이 아니고, 서로 상충되는 내용이 있으면 충돌이 일어나게 되어있습니다. 현재 위치한 branch를 기준으로 merge 대상이되는 branch를 불러와 변경사항을 비교합니다. 서로 충돌이 없는 경우 그대로 merge 합니다. merge가 성공적으로 끝나더라도 .. Git - Branch(브랜치) / add / m / d / checkout / # Branch 추가, 수정, 삭제하는 방법과 log 확인 방법을 알아보도록 하겠습니다. # 또한 checkout으로 새로운 branch로 접근하는 방법과 checkout을 하고 수정했을 때 변하는 모습 등을 확인해보도록 하겠습니다. # 비전공자가 이해한 git Branch 브랜치란 독립적으로 어떤 작업을 진행하기 위한 개념입니다. 필요에 의해 만들어지는 각각의 브랜치는 다른 브랜치의 영향을 받지 않기 때문에, 여러 작업을 동시에 진행할 수 있습니다. 또한 이렇게 만들어진 브랜치는 다른 브랜치와 병합(Merge)함으로써, 작업한 내용을 다시 새로운 하나의 브랜치로 모을 수 있습니다. 여러 명이서 동시에 작업을 할 때에 다른 사람의 작업에 영향을 주거나 받지 않도록, 먼저 메인 브랜치에서 자신의 작업 전용.. 이전 1 ··· 8 9 10 11 12 13 14 ··· 17 다음
