분류 전체보기 (13) 썸네일형 리스트형 Django url 연결 참고 : opentutorials.org/module/4034 Django Django 2019-05-21 14:19:01 | 공개 opentutorials.org 프로젝트와 동일한 이름을 가진 앱 디렉토리로 가보면 urls.py 파일이 있다. 여기에 주석처리 되어있는 부분을 보면 url path를 연결하는 3가지 방법에 대해 나와있다. 하지만 지금은 생활코딩의 장고 튜토리얼을 따라가고 있기 때문에 우선 첫번째 방법을 따라가 본다. 1. 앱으로 부터 views를 import 해와라. 2. `path('', views.home, name='home')` 같은 문법으로 URL을 추가해라. 하지만, 이 작업을 하기 전에 선행해야 할 작업들이 있다. 우선, 앱을 만들고, 우리가 볼 HTML파일을 작성하고, vi.. Django 첫 화면 띄우기(Community Edition) 참고 : opentutorials.org/module/4034 Django Django 2019-05-21 14:19:01 | 공개 opentutorials.org blueshw.github.io/2016/02/02/django-setting-for-pycharm-community/ [django] pycharm(파이참) community 버전으로 django(장고) 프로젝트 설정 파이썬(python) + 장고(django)로 프로젝트를 진행하려고 하면, 우선 개발도구를 정해야 합니다. 콘솔 + VI 로 작업해도 무관합니다만 장고를 지원해주는 IDE 가 있다면 그 기능을 이용하는 것이 좋겠 blueshw.github.io 생활코딩의 장고 튜토리얼을 공부하기 위해 과정을 따라가는데, 튜토리얼에 사용된 파이.. SSAFY 5기 불합격 SSAFY 5기에 지원하게 되면서 느낀점 1. 지원서 접수 : 나는 워크넷에서 유입되어 조금 늦게 공지를 보았고, 막판에 되는데로 적어서 지원을 했다. 다른사람들의 후기를 봐도 자신을 우선 낮추는 느낌들이 있었지만, 삼성의 지원서 합격률이 대체로 높다는 이야기가 맞다는 느낌을 받았다. 2. SW적성진단 : 내 기억으로는 Gast 15문제 / Computation Tinking 5문제(각 소문제 5개)를 각 30분동안 풀었던걸로 기억한다. Gast 난이도는 인터넷에 떠도는 Gast문제보다 많이 어려웠다(시간 안에 다 풀면 대단한 사람). Computation Tinking은 인터넷에 돌아다니는게 안보여서 공부를 안했는데, 코딩테스트의 테스트케이스를 손으로 푼다는 느낌이다. 나는 Gast에서 3개 찍고 12.. jquery없이 html에 html삽입하기 형태 : 아이템을 누르면 article자리에 html을 삽입 순서 : 1. HTML요소 수집 1 : article클래스 요소 2-4 : 선택할 아이템 요소 5-7 : 추가할 html위치 2. 초기화 2 : 초기화시 실행할 페이지 출력 3-5 : 선택될 아이템요소에 이벤트 추가 3. 초기화시 출력할 페이지 출력 4. 아이템 선택시 실행될 이벤트 함수 ToDo목록 만들기 형태 : 순서 : 1. 필요한 HTML요소 불러오기 2. localstorage에 todoList가 있는지 확인 localStorage에서 todoItems를 읽기 if : todoItems가 비었을때, else : 안비었을때, JSON.parse(todoItems) parse해온 요소들 각각(forEach) todo_items배열에 push 각 아이템 그리기 함수 실행 // localStorage는 String만 저장하기 때문에 JSON으로 저장해야한다 todoList를 추가하기위한 이벤트 3. todoList를 추가하기 위한 이벤트를 생성 4. parse해온 각 요소들에 대해 그리기 함수 생성 5. 버튼에 추가한 이벤트 생성 공부 : 객체 생성 : document.createElement('TAG').. 이름저장하기 - localstorage 형태 : 순서 : 1. 필요한 위치의 HTML요소 불러오기 2. localstorage에 User가 있는지 확인 3. 유저가 없는경우 함수 생성 4. 이벤트 함수 생성 4. 유저가 있는경우 함수 생성 5. 버튼이벤트 생성 공부 : 이벤트 추가 : addEventListener('동작', function) - function에 ()안붙임 이벤트 발생시 기본이벤트 무시 : event.preventDefault(); - 자동완성 없음 클래스 추가 : 요소.classList.add('클래스이름'); 클래스 삭제 : 요소.classList.remove('클래스이름'); localStorage 추가 : localStorage.setItem(key, value); localStorage에서 요소 가져오기 : loca.. 시계 출력 순서 : 1. 출력할 위치의 HTML요소 불러오기 2. 시간 함수 생성 3. 시간 함수 호출 4. 1초마다 새로 작동하도록 설정 : 3번의 setInterval함수 공부 : 문서에서 요소를 가져올 때, document.querySelector(); 일정한 간격으로 함수를 실행할때, setInterval(function, time); 결과 : github.com/dnrudzx/web/blob/master/study/Nomad_Coder_vanila_JS/index.html dnrudzx/web Contribute to dnrudzx/web development by creating an account on GitHub. github.com github.com/dnrudzx/web/blob/master/st.. HTML, CSS, Javascript 기본 형태 HTML CSS : HTML - head - link에 추가 Javascript : HTML - body - 맨 밑에 script로 추가 React를 시작해보았다 친구한테 뭐공부할까 물어봤더니 리액트 한번 해보라고 해서 해보기로 했다. 운영체제 : window 10 home 코드에디터 : VSCode 테스트용 브라우저 : Chrome 설치 : 1. Node.js LTS버전 다운 2. VSCode의 터미널 실행(Windows power shell 사용 가능) 3. npm install npx -g(최신버전의 npm 설치) 프로젝트 생성 : 원하는 디렉토리에서 명령어 실행(터미널이나, windows power shell사용) npx create-react-app [Project Name] 프로젝트 실행 : 프로젝트 안에서 명령어 실행(터미널이나, windows power shell사용) npm start 이제 코딩하면 된다. 프로젝트 종료 : ctrl + c 누르면 .. for문 이전 1 2 다음
