😃 Today I Leaned
- 팀 소개 웹 페이지 _ Git 생성
- 팀 소개 웹 페이지 _ Front와 기능연결
팀 소개 웹 페이지 _ Git 생성
참고 ) https://growingarchive.tistory.com/168
위의 블로그를 참고하여 팀원들이 함께 사용할 수 있는 repository를 생성했다!
초기 commit은 내가 해둔 상태인데
팀원들과 코드를 합치는 과정에서 많은 오류가 나지 않을까 걱정된다😂
팀 소개 웹 페이지 _ Front와 기능 연결
Front를 담당하신 ㅅㅈ님이 메인페이지와 팀원 소개페이지 작업을 끝내주셔서
기능을 이어 붙여보았다
HTML에 속해있던 script가 JS파일로 따로 생성이 되면서
구현했던 기능에 문제가 발생했다!
사용했던 템플릿언어에 빨갛게 오류가 났지만 실행되는 데에는 문제가 없었다
하지만 JS파일로 분리되고 난 후 오류가 난 부분은 실행이 되지 않아
다음으로 넘어갈 수 없는 문제가 발생하였다.
이 문제를 해결하기 위해 JS로 변수를 넘기는 것이 아닌
HTML로 변수를 넘기는 방법을 사용했다.
{{변수}}를 이용하여 서버로부터 받아온 데이터를 사용할 수 있었다.
list형식으로 넘어오는 값은
{% for %} {% endfor %} 형식을 이용해 출력해 주었다.
⭐알게 된 점⭐
Jinja2 템플릿 언어
- Jinja2 템플릿 작성하는 방법
{%...%} : 문장
{{ ... }} : 표현식
{# .. #} : 주석
# ... ## : 라인문장
- HTML에서는 {{전달변수}} 이렇게 사용
- 딕셔너리 타입을 전달할 때에는 {{전달변수.키}}
- 리스트를 전달할 때에는 반복문 사용
{% for 문%}
{{ 출력 변수}}
{% endfor %}
URL parameter 가져오기 (JS)
let urlParams = new URL(location.href).searchParams;
let name = urlParams.get('가져오고싶은 parameter 이름');
console.log(name)- location.href : 전체 URL
🐰 END
오늘은 몸상태가 좋지 않아 프로젝트에 많이 참여하지 못한 것 같다,,
얼마 남지 않은 프로젝트 내일부터 더 힘내야겠다
