본문 바로가기

전체 글

 (38)
[TIL] 바닐라JS와 비교 및 리액트 기초 문법 TAB 2021 겨울방학 학회활동 [슬기로운 코딩생활] 4주차 TIL입니다. 작성자 : 38기_조주희 일단 간단하게 바닐라JS로 버튼 누른 횟수 보여주는 페이지 만듬 Total clicks: 0 Click me React JS 설치를 위한 Javascript 코드 Url https://unpkg.com/react@17.0.2/umd/react.production.min.js https://unpkg.com/react-dom@17.0.2/umd/react-dom.production.min.js 리액트를 import했기 때문에 createElement function을 가진 리액트 object에 접근 가능 const span 그러나 createElement(“span”) 은 반드시 생성하고자 하는 HTML ..
[TIL]4주차:기존 앱 개선하기 TAB 2021 겨울방학 학회활동 [슬기로운 코딩생활] 4주차 TIL입니다. 작성자 : 39기_서다원 기존 앱인 북마크앱과 블로그앱을 수정해보려고한다. 템플릿만 수정하면 될 것 같다. 아래는 bookmark_list.html 이다 base.html을 상속받도록 수정했다. {% extends %} 태그는 반드시 첫 줄에 와야한다. bookmark_detail.html도 수정해주었다. post_archive와 post_all, post_detail 등등 또한 아래와 같이 상속해주었다. 반복이다! 수정 후 각 페이지마다 base.html 템플릿이 반영되어 제목과 메뉴가 나타나게 되었다.
[TIL]3주차 바닐라JS(3)_momentum 클론코딩 TAB 2021 겨울방학 학회활동 [슬기로운 코딩생활] 3주차 TIL입니다. 작성자 : 38기_김민서 이번시간부터는 모멘텀 클론코딩을 통해 JS 기능 익히는것을 목표로 공부해보았다. 오늘 최종 구현 목표는 사용자가 자신의 이름을 기입하면, 사이트에서 그 값을 기억해서 표출하는것이다. 즉 간소화된 로그인 기능을 구현해보도록하겠다. [결과화면] 위와 같이 이름을 입력하면, h1에 해당하는 문구가 오른쪽과 같이 바뀐다. +추가조건 1. input태그에 해당하는 부분에는 15자 미만을 입력할수있고, 아무것도 제출하지않으면 아무런 변화가 일어나지않는다 2. 이름을 입력하고 log in 버튼을 누르거나 엔터를 눌러서 제출하면, input태그에 해당하는 부분이 없어져야함 3. 사이트를 새로고침해도 오른쪽과 같이 유지..

티스토리툴바