단어장 만들기 사이트 - dan-eojang mandeulgi saiteu

이제 1주차에 이어 2주차 시작되고 우선 이해가 안되는부분을 다시한번 반복하면서 배워볼수 있어서 좋다!

이번 2주차에서는 Flask의 더많은기능과 멀티페이지를 만들어보는 시간! 

우선, 본격적으로 프로젝트를 만들기 전 기초 강의를 시작

▶ flask를 통해 멀티페이지 만들기 (버튼을 클릭하면 상세페이지로가고, 상세페이지에서 다시 메인으로 가는 방법)

여기에서도 마찬가지로!

패키지설치,폴더구조,파일 등은 동일하게 만들어준다! 

※ 나만의 단어장 내가 만든 결과물!!!!

그외에 영어단어를 잘못입력하는 경우 얼럿발생, 기존 영어단어장 삭제, 예문 삭제 등 이 가능하도록 만들었다

이번 주 처음으로 배운 기초 페이지 연결하는 방법

더보기

※ 상세페이지로 가는 하이퍼링크

  <a href="/detail">상세 페이지로 가기</a>

더보기

※ 메인페이지로 돌아가는 버튼 만들기

// script 태그 안에 정의하기 function to_main() { window.location.href = "/" }

<!-- 버튼에 함수 연결하기 --> <button onclick="to_main()">메인으로 돌아가기</button>

짧은 코드는 onclick에 바로 넣을 수 있습니다.

<button onclick='window.location.href = "/"'>메인으로 돌아가기</button>

추가로, 이번2주차부터 새롭게 배우는 언어 " Jinja2 템플릿 언어 "

설명해주시는걸 바탕으로 실습을 해봤을때는 기존에 배웠던거에 비하면 훨씬 수월하고 좋았지만 생소해서 어려웠던건 사실이였다

jinja2 템플릿 언어를 사용하면 서버에서 특정 이름으로 값을 보내면 

html에 들어갈 자리에 {{ }} 로 표시해서 받을 수 있다

(변동성이 있는 특정값을 보낼때는 쉽게 보낼 수 있을 것 같다)

▶ 참고로, Jinja2언어를 사용하려면 파이참에서 "jinja2"를 preference에서 설치해줘야 한다.

본격적인 프로젝트 시작에 앞서, 마지막으로 Jinja2언어 응용 실습!

이전에 배운 ajax를 통해 요청하는 방식과 직접적으로 비교를 해주셔서 이해가 빨랐던것같다!

우선은 너무 생소한 언어다보니 ㅠㅠㅠㅠㅠ 부딪혀보면서 이해해보자는 마음으로 일단은 따라해보고있다!!

따라하다보면은 이해가 갈거라 생각하고 개발일지를 작성하면서 한번더 복습

이번 단어장 Owlbot이라는 Open API를사용하므로 웹사이트를 통해 

토큰을 미리 신청을 해두어야한다!

※ API 설계하기

무엇을 만들때에는 항상 이런 설계를 하는게 가장 중요하다고 생각한다.

온라인강의에서 그냥 말로 설명해주셨다면은 좀 어려울수도있을것같았지만 자세한 설명을 위해 이렇게 설계도 까지 작성을 해주셨다ㅠㅠ

처음에는 쉽게생각했지만, 이런 작은 프로젝트에도 생각해야할 기능들이 생각보다 많았다

회사일하면서도 정말 예상치 못한 문제들로 인해서 심각한 문제들이 발생하는경우가 있었는데, 이번 2주차에서 공부를 하면서

모든 경우의 수를 대비해서 프로젝트를 완성하지않으면 안되겠다는 생각이 들었다!! 더 많은 경험이 필요하다고 느끼는 순간

※ 나만의 단어장 프로젝트 진행 방법 

1. ajax로 단어 뜻 가져오기 : ajax를 이용해서 Open API 요청해서 단어 뜻 가져오기 이때, null 값이 있는경우 빈 텍스트로 대체

2. HTML에서 단어 뜻 보여주기(Jinja2 이용) : 

3. 새단어/기존단어 구분하기 

4. 단어 저장 / 삭제 기능 만들기

5. 단어 목록 가져오기 

6. 검색기능 만들기

7. 사전에 없는 단어 일경우 

온라인 강의에 관심이 있으신분들은 아래 링크로 수강하는경우 할인 가능합니다!

https://spartacodingclub.kr/?f_name=%EA%B0%95%ED%99%8D%EC%88%9C&f_uid=6044be3eea76fe086b066ce7

새로운 언어를 배우는 것을 지루한 암기로 하는 것은 그만, 하나의 게임으로 생각해봅시다.

“Lexilize플래시카드”는 학습을 쉽고 재미있게 할 수 있는 앱입니다.
단어의 의미와 예시, 연상되는 이미지 등을 직접 써서 자신만의 사전을 빠르게 만들 수 있으며,
그 단어들을 5가지 다양한 게임으로 쉽게 공부할 수 있습니다.

매일 10분씩이면 충분합니다!
이 어플은 무료로 제공되며, 인터넷연결 없이 사용 가능하고 광고를 포함하고 있지 않습니다.

이런 분들께 추천합니다.

1. 자료를 외우고 외국어로 된 단어들을 빠르게 배워야 하는 학생인 경우,
엑셀 파일로 단어리스트를 만들고 수업 사이사이 단어를 공부하며 당신의 카드를 다른 사람들과 공유해보세요.

2. 선생님인 경우,
엑셀로 단어리스트를 만들어 편리하게 학생들에게 파일을 이메일이나 텔레그램으로 보내 보세요.

3. 외국어 수업을 듣고 있는 분들의 경우,
각 수업이 끝난 후 새로운 단어(구)리스트를 만들고 남는 시간에 어플을 통해 단어를 다시 공부해보세요. 지하철에서, 버스에서, 기다릴 때, 또는 인터넷이 터지지 않는 시골에서도 언제 어디서든 사용할 수 있습니다.

4. 외국어를 이미 알지만 어휘력을 늘리고 싶은 분들의 경우,
본 적은 있지만 뜻을 모르겠거나 더 알고 싶은 단어들을 적어 놓고 자동으로 번역을 하여 시간이 있을 때 단어카드를 활용해보세요.

5. 외국어가 유창하지만 단어들의 사소한 뉘앙스 차이를 알고 싶은 분들,
여러분의 목표는 자기만의 사전을 만드는 것입니다! Lexilize플래시 카드에 흥미로운 부분들을 기록하면, 필요할 때 바로바로 찾아볼 수 있습니다.

왜“Lexilize 플래시카드”인가？

 -5가지 다양한 게임을 이용한 트레이닝
 -학습 후 회상가능
 -오토 플레이 모드
 -인터넷 없이 사용가능 (데이터나 와이파이 불필요)
 -인터넷의 관련 이미지를 함께 저장
 -필기/성별구분/예시칸 구분
 -자신만의 단어나 구 추가 가능
 -TTS를 이용하여 추가한 단어와 구 발음 기능
 -엑셀 파일으로 불러오기/가져오기
 -118개 언어 지원
 -41개 언어를 위한 미리 지정된 카테고리 지원
 -사전모드 (자신이 쓴 번역을 쉽게 찾을 수 있음)
 -통계적 학습
 -취침모드

앱이 마음에 들었다면, 다른 분들도 사용할 수 있도록 리뷰를 남겨주세요!

우리는 여러분의 생각을 듣고 싶습니다.
개선사항이나 질문을 이메일로 보내주세요：

베타 테스터를 희망하신다면 링크를 클릭하세요.  https://play.google.com/apps/testing/com.lexilize.fc