본문 바로가기

분류 전체보기

 (110)
[JavaScript] Quotes and Backgrounds Quotes학습내용 : 웹 페이지에 명언과 작가를 랜덤하게 출력명언 10개를 가진 quotes.js 파일 생성const quotes = [ { quote: "삶이 있는 한 희망은 있다.", author: "키케로" }, { quote: "아는 것이 힘이다.", author: "프랜시스 베이컨" }, { quote: "대부분의 사람들은 삶을 이끌어 가지 않고, 단지 삶에 따라 흘러갈 뿐이다.", author: "세네카", }, { quote: "삶은 선택의 연속이다.", author: "윌리엄 제임스" }, { quote: "모든 위대한 것은 꿈에서 시작된다.", author: "엘리노어 루스벨트" }, { quote: "성공은 실패의 연속에서 비롯된다.", author: "콘래드 힐튼" }, { quot..
[JavaScript] Clock IntervalsInterval : 매번 일어나야 하는 무언가시계 만들기에 앞서 폴더 분리js파일과 css파일의 폴더 생성기존 app.js → greeting.js 로 파일명 변경index.html 수정파일 하나에 모두 작성해도 되지만 너무 빡빡해 보일 수 있으니 분리 ... h2 태그 생성 후 h2를 받아와서 내부에 텍스트 입력index.html00:00 clock.jsconst clock = document.querySelector("h2#clock");function sayHello() { console.log("Hello");}// sayHello 함수를 5000ms(5초) 마다 실행setInterval(sayHello, 5000); Timeouts and Dates학습내용 : functi..
[JavaScript] Form submission Log In html에서 input 태그를 통해 입력을 받고버튼을 눌러 이벤트가 발생할 수 있도록 함function onLoginBtnClick() { const username = loginInput.value; if (username === "") { alert("Please write your name"); } else if(username.length > 15){ alert("Your name is too long.") }} 자바스크립트에서 유효성 검사와 함께 클릭 이벤트가 발생했을 때의 동작을 정의해 줌 아무것도 입력하지 않고 로그인 버튼을 누를 경우 alert 창이 뜨는 것을 확인 할 수 있음     html에서 form 태그를 활용하여 추가적인 기능들을 사용할 수 있음for..
내일배움캠프 후기: 신입 개발자의 도전, 내일배움캠프에서 성장하다 내일배움캠프 이전의 삶저는 IT 분야에 취업을 목표로 하고 있었고, 비전공자는 아니었지만 정식으로 개발을 배운 적은 없었습니다. 그래서 취업을 위해 필요한 실무 역량을 키우고 싶다는 생각이 점점 커졌습니다. 독학으로 Python을 다뤄본 경험이 있어 기본적인 프로그래밍은 익숙했지만, 더 깊이 있는 개발 역량을 쌓는 데 한계를 느끼고 있었습니다.특히 혼자 공부하다 보니 어느 정도 진도를 나간 후에는 스스로 피드백을 받거나, 실력을 진단하며 체계적으로 공부하는 데 한계가 있었습니다. 구직 시장에서 경쟁력 있는 개발자가 되기 위해서는 실무 프로젝트와 튜터의 피드백 같은 체계적인 과정이 필요하다고 판단했습니다. 마침 현업 개발자 멘토링, 수준별 맞춤 학습 등 탄탄한 지원을 갖춘 내일배움캠프를 알게 되었고, 이곳..
[TIL] Django에서 계정 일시정지 구현 Django에서 계정 일시정지 기능을 구현했다. 주된 목표는 사용자가 특정 조건(예: 신고 누적)에 따라 일시적으로 정지될 수 있도록 하면서, 기존에 사용하고 있던 is_active(회원 탈퇴 시 사용)와의 충돌을 방지하는 것이다.주요 개념:is_suspended: 사용자의 일시정지 상태를 추적하기 위한 Boolean 필드로, is_active와는 별개로 처리suspended_at: 사용자가 정지된 시간을 기록하기 위한 DateTimeField. 이 필드는 시간 기반으로 정지된 계정을 관리하는 데 필수구현 단계:모델 수정: CustomUser 모델에 두 가지 필드를 추가is_suspended: 계정이 정지 상태인지 확인하는 필드.suspended_at: 계정이 정지된 시간을 기록하는 필드.관리 명령어: ..
[TIL] 이메일 인증(2) - 로그인 기존에는 비활성화 계정이 로그인을 시도하면 즉각적으로 계정이 활성화되는 동시에 로그인이 되었지만이메일 인증을 통해 계정을 활성화 한 뒤에 로그인을 할 수 있도록 코드를 변경하였다  1.  기존 코드class UserSigninAPIView(APIView): def post(self, request): email = request.data.get("email") password = request.data.get("password") user = User.objects.filter(email=email) message = False if user and user[0].is_active == False: user[0].is..
[TIL] 이메일 인증 - 회원가입 이전에 만들어놓은 회원 기능에서 이메일 인증을 추가하려는 과정에서 문제가 발생하였다.회원탈퇴를 하면 바로 데이터베이스에서 삭제하는 것이 아닌 계정을 비활성화 한 후에 일정 시간이 지나면 삭제하도록 작성하였다따라서 비활성화 계정이 회원가입을 시도하면 로그인하여 계정을 활성화하라는 메세지를 출력해주고,로그인을 하면 메세지와 함께 즉각적으로 활성화 계정으로 변경되도록 작성하였다.        1. 회원가입시에 인증 이메일 발송회원가입시에 이메일 전송을 위해 이메일 전송 프로토콜을 사용해야 한다. gamil을 사용했으며, settings.py에 작성해주어야 한다# 이메일 인증 관련 설정EMAIL_BACKEND = "django.core.mail.backends.smtp.EmailBackend"EMAIL_HOST..
[TIL] axios delete 요청시 데이터를 함께 전달해야 하는 경우 비밀번호가 일치하는데도 회원탈퇴가 안되는 오류  회원탈퇴 요청이 delete 메서드를 통해 이루어질 때 axios.delete의 두 번째 인자로 데이터를 보낼 수 없다.  axios.delete 메서드는 요청 본문에 데이터를 포함하지 않기 때문이다. 하지만 비밀번호를 전송해야 하는 경우에는 데이터를 url 파라미터나 요청 본문에 포함시켜야 하기 때문에 다른 방법을 사용하여 해결하였다.   기존 코드// 회원탈퇴const withdrawUser = () => { axios.delete(`${API_BASE_URL}/accounts/`, { password: document.getElementById("withdrawPassword").value })...}   변경 코드// 회원탈퇴..

티스토리툴바