전체 글

일본 IT개발자로 일하며 코딩공부한내용 / 일본생활 위주로 포스팅하고 있습니다 Java, Spring, React, Python, Django, Flutter, AWS
Web Programming/Django

10강) Django 게시판 글 수정하기 ( Update )

이번 시간에는 등록한 글을 수정 ( Update ) 하도록 해 보겠다 일단 상세페이지로 들어가서 끄적여보자 이전 시간까지 만든 모습을 보여주겠다 여기서 수정버튼이 없구나 추가 해준다 수정버튼을 생성했다 여기서 더 추가할 것이 있을텐데 일단 과정을 보기위해 하나씩 하겠다 수정을 눌렀을때 따로 페이지를 타지 않고, 같은 페이지에서 바로 할 수 있도록 한다 수정을 눌렀을때 readOnly를 풀어주는 Java Script코드를 작성하겠다 버튼 class명 btnUpdate인 아이를 추가 ( add ) 한다 이벤트 ( EventListener ) 를 무슨이벤트? 클릭 ( 'click' ) 이벤트를, 그리고 클릭했을 때의 함수 ( e => {} ) 를 넣는다 document.querySelector('.btnUpd..

Web Programming/Django

9강) Django 게시판 상세조회하기 ( Read )

이전 시간은 리스트를 조회해보았다 똑같은 Read지만 이번엔 Detail하게 보는걸로 해보겠다 일단 상세화면을 만들어야 겠다 이전 HTML파일로 돌아가서 Detail하게 보기 위한 링크를 걸어주도록 한다 {{ item.title }} 이렇게 하면 링크가 걸려있을 것이다. 그렇다고 바로 되진 않겠지 우린 하나하나 레고조립하듯이 만들어야 한다 ・우선 url 'detail' 이라는 path가 생겼고 ・그뒤에 새로운 녀석이 생겼다 boardid=item.id 이부분은 get방식인데 boardid라는 파라메타라고 보면 될 것 같다 나중에 다시 보여 주겠다 ㅠㅠ HTML에서 링크를 달아줬으니 urls.py에서 path를 하나 만들자! path('detail//', views.detail, name='detail')..

Web Programming/Django

8강) Django 게시판 조회하기 ( Read )

이번시간은 게시판을 조회 하도록 한다 이전에 등록 ( Create ) 을 한 뒤 메인페이지로 돌아왔지만 아무것도 없었으니 등록했는지 안했는지 검증 방법이 없었으니 한번 해보도록 한다 일단 등록후, main으로 redirect를 해버리니까 main함수를 실행시켰던 것이니 main함수를 건들여보자 일단 import 하는 부분에는 반드시 Board도 import를 해주자 ( 다른것도 마찬가지 ) Board 객체에 있는 데이터를 모두 불러 변수 boardList에 저장한다 boardList = Board.objects.all() return 할 경우 boardList도 담아서 return 시켜주도록 한다 return render(request, 'main.html', {'boardList': boardList}..

Web Programming/Django

7강) Django 게시판 등록하기 ( Create )

이번에는 대망의 CRUD의 C ( Create ) 를 시작할 것이다 그러므로 Board 객체가 필요하기 때문에 models.py를 건드려보자 위의 코드는 이전에 적은적이 있었다 아래의 링크에서 설명하므로 가볍게 설명을 생략하겠다 initstory.tistory.com/7 2강) Django Object 만들기! 이번에는 Django의 Object를 만들 것 사람이 있다면 ( People ) 사람의 정보들이 있다 이름, 나이, 성별 등 ( name, age, gender ) 그런 정보들을 담을 수 있는 클래스를 만들어 보자 Django에서 제공해주는 mode. initstory.tistory.com main 페이지에서 글을 등록하기 버튼을 만들고 글을 등록하는 페이지로 이동하기 위해 아래의 코드를 추가하였..

Web Programming/Django

6강) Django 로그인 해보기

이번시간에는 로그인을 하고 Main Page로 이동하는 그런 무지막지한 작업을 해볼것이다 일단 login Page부터 시작하겠다 이전에는 여기까지 작성을 하였으나... 조금 수정할 부분이 있다 조금 조사해서 찾아보니, action= 의 url설정이 장고만의 필살기가 있었다 {% url 'main' %} 를 넣어주기 ( 여기서 'main'은 urls.py의 name='main' 과 같다 ) 그리고 csrf_token 도 추가해준다 그리고 우리는 main 페이지가 없으니 한번 만들어 보도록 하자 위의 {{ memberId }} 는 로그인 했냐 안했냐 검증하기위해 적어 놓겠다 그리고 main Page로 갈 수 있도록 urls.py에서 path를 정해준다 그다음 views.py 의 main함수를 만들어 보자 이..

Web Programming/Django

5강) Django 회원가입하기, 또는 회원등록하기

이전 시간에는 Django에서 회원가입 페이지를 만들어 보았다 여기까지는 누구나 만들 수 있다 심지어 우리집 초롱이도,, 멍구도,, 도담이도,, (짬순) 만들 수 있더라 이제 이번시간에는 얘내들도 못하는 회원가입을 해보겠다 이전에 만든 회원가입창에서 【signUp】을 눌러보면 아래의 녀석이 뜬다 그중 {% csrf_token %} 이라는게 유독 눈에 띄었다 아래의 HTML코드에 {% csrf_token %}을 섭섭하지 않게 둑둑히 챙겨주었다 이렇게 한후 다시 【signUp】을 눌러본다면 에러페이지는 뜨지 않구 똑같은 화면이 뜰것이다 그 이유는 GET 방식과 POST 방식을 나눠주지 않았기 때문이다 그러므로 회원가입 함수에 POST방식의 요청을 따로 처리 해줘야 한다 파라메터에 request에는 metho..

Web Programming/Django

4강) Django 회원가입 페이지 만들기

우선 이전시간에 로그인하기로 했으니 Django에서 로그인을 하려고 했다 근데.. 로그인을 하기 위해서는 이미 등록한 아이디가 있어야겠지? 그래서 로그인하는법이 아니라 회원가입 페이지 만들기부터 하도록 한다 그럼 DB도 필요할꺼고... 뭘 쓸까 했더니 Django에서 제공해주는 sqlite라는게 있더라 ㅎㅎ 짱짱맨이네 장고짱 일단 HTML파일부터 만들어 보자 이렇게 만들었고 이제 form을 생성 해준다 이번엔 좀 이전시간보다 복잡하시만 우리는 열심히 공부하기 때문에, 문제없다 ・password_check 는 비밀번호확인이기때문에 추가하였다. 왜냐면 Member Class에 없기때문이니까 훗.. ・이번엔 신기술이 나왔는데 attrs={} 라는 것이다. 이것은 안에 class를 설정한다는 것. ex) 이렇게..

Web Programming/Django

3강) Django Form 생성하기 ( Login Page )

이번에는 Login Page를 만들어 보자 보통 login페이지를 만들때, html코드에서 아래의 형태로 한다 하지만 로그인 페이지정도는 펀하게 섹시하게 쿨하게 Django에서 제공해주는 Form생성을 해보도록 한다 ・form.py는 새로 하나 만들어줘야 한다 ・그리고 form.py에서 위의 코드를 적어주자 ・변수 model에는 import한 Model의 Member를 사용한다 ・fileds는 model의 정보중 필요한것만 선발키는 것이다 ・widgets는 필드에 맞게 옵션을 설정하는 듯하다 * 'memberName'과 'password'같은 것은 models.py에 있는 Object안에 변수와 같아야 한다 일단 login 페이지에 접속하기 위해서 path를 설정하자 위에 views.login을 넣어줬으..

INICO
인아 코딩해야지?