Tensorflow keras를 사용하여 욕설 감지 API를 제작해보기로 했다. Django를 사용하여 backend-server를 구축할 예정이고, API 뿐만 아니라 포트폴리오 용으로 API를 체험해 볼 수 있는 frontend 도 간단하게 제작할 예정이다.욕설 데

강의사이트 배포 url: 탭스페이스 바로가기수강생관리사이트 배포 url: 관리사이트 바로가기팀노션: 팀노션 바로가기Github: 깃허브 바로가기기술스택: NEXT.js + Django 강의사이트 스크린샷팀 프로젝트(프론트엔드 4명, 백엔드 1명, 총 5명)로 진행되었고

개인프로젝트 주제를 모색하다가 로그인, 장바구니, 결제 시스템을 구현해 볼 수 있는 쇼핑몰을 택하게 되었다. 요즘에 노트북에 붙힐 스티커를 구매하기 위해 방문했던 오라운드를 모델로 하여 구현할 계획이다.기술스택: react + django구현할 기능: 카카오로그인, 메

호스팅url: https://endearing-dolphin-42b437.netlify.app/github: https://github.com/MiniMini-On/stalkerJ-client.git기술스택: JS(React) + Python(Djan

말그대로 프레임워크 없이 오직 vanilla js 만으로 SPA을 만드는 챌린지였다. (express, webpack은 허용되었지만 나는 순수 vanilla js로만 진행했다.) 처음으로 참가해보는 챌린지였기에 처음 경험해보는 것들이 있었다. 예를 들어,1) 제공된 가

장고 db테이블의 저장된 값들을 모두 삭제하더라도 id는 초기화되지 않기 때문에, id를 다시 1부터 시작하고자 한다면 추가적인 처리가 필요하다.크게 2가지 방법이 있다.(아이디 리셋 전에 테이블 객체들은 모두 지워준다. 남아있다면 id중복으로 인한 오류가 발생할 수

Django는 파이썬을 기반으로한 웹 프레임워크이다.웹프레임워크: 웹 페이지를 개발하는 과정에서 겪는 어려움을 줄이기 위해 데이터베이스 연동, 템플릿 형태의 표준, 세션 관리, 코드 재사용 기능을 포함하고 있는 구조체이다.※ 요약django에는 기본적인 웹서버가 존재하

코드를 병렬적으로 처리하기 위한 방법으로는 크게 멀티스레딩(Multi-threading)과 멀티프로세싱(Multi-processing)이 있다.멀티스레딩은 스레드라는 실행 흐름을 말한다. 독립적으로 실행되는 2개의 코드를 각각 서로 다른 스레드에 나누어 담게 되면, 프

최근에 리액트를 배우면서 비동기라는 단어를 접하게 되었는데 한번 정리해 보고자 한다.나의 경우에는 프로그래밍 언어 중에 파이썬을 가장 먼저 배웠는데, 알고보니 파이썬은 동기적 코드 실행의 대표주자 였다. 파이썬의 경우 코드는 위에서 아래로 가면서 결과값이 나와야 다음

useEffectuseMemouseCallback위의 hook들의 공통점은 defendency 값의 변화에 따라 hook 내부에 속한 코드들이 통제된다는 것이다. 위 세가지 hook들을 적재적소에 사용하면 리액트가 가지는 렌더링 최적화 문제를 잘 해결할 수 있을 것이란

싱글페이지앱이란 문자그대로 단일페이지로 이루어진 앱을 의미한다. 여러 페이지를 하나의 페이지로 묶어 사용자의 동작에 따라 페이지의 일부를 다른 페이지로 대체 시켜 보여준다. 이는 전체 페이지를 새롭게 렌더링하지 않는 점에서 페이지 로딩 시간을 줄여주는 장점이 있다. 리

HTML body내에서 script의 적절한 위치는 어디일까 ? 처음? 중간? 마지막? 이 답을 찾으려면 브라우저의 동작방식에 대해 알아야한다. 이전 글에서 DOM의 개념에 대해 다뤘었는데, DOM을 만드는 것도 브라우저 동작방식의 과정 중 하나이다.브라우저에 도메인을

다음과 같은 자바스크립트 코드가 있을 때, 우리는 HTML 문서 내의 change라는 ID를 갖는 Button 태그가 클릭될 때 p 태그의 글자색이 빨간색으로 바뀔 것임을 알 수 있다.그렇다면 자바스크립트는 HTML에서 동작을 수행해야 하는 객체들을 어떻게 찾는 것일까

처음으로 페이지를 제작하는 프로젝트를 진행하면서, 아직 html 뼈대를 만들 때 semantic container를 잘 활용하지 못한다는 생각이 들었다.semantic container를 잘 활용하면 html 코드를 읽을 때 가독성도 좋고, 나중에 퍼블리싱했을 때도 검

for 문을 사용해서 key 얻기for 문을 사용해서 value 얻기위의 for문에서 리스트 안에 값을 넣으면 돌린다면 출력값을 리스트로 얻을 수 있을 것이다. 하지만 아래의 코드를 사용하면 더 간략하게 코드를 작성할 수 있다.리스트 형태로 얻기리스트로 얻을 수 있다면

위의 파일들은 작업 폴더(public 상위폴더)에서 터미널을 실행시키고 npm install -g firebase-tools firebase login --interactivefirebase init을 차례대로 실행하면 생성된다.public 폴더v내에 index.htm

참고링크 https://blogpack.tistory.com/560랜딩페이지 제작 중 고객의 성함과 연락처를 수집하는 input이 존재하는데, 입력되는 값에 따라 알림창을 발생시키는 동작을 구현하고자 하였다.이름에 입력값이 없을 때와 숫자&알파벳&단일한글자모음

구현하고자 하는 동작: 햄버거바 클릭 시 메뉴 펼침, 펼쳐졌을 때 배경을 클릭하거나, 네비바 메뉴(a 태그)를 클릭하게 되면 닫힘구현 방법: 햄버거 버튼 클릭시 네비바에 active 클래스가 추가/제거되도록 함

Firebase를 사용하여 웹페이지를 호스팅하는 중, 데이터베이스 하나에 여러 도메인을 할당해서 호스팅하는 방법을 찾기 어려워서 포스팅해본다.현재 나는 미니프로젝트로 랜딩페이지를 만들어 호스팅하고 있는데, 관리자페이지도 별도로 만들고자 하였다.나는 일단 landing

button 클릭 시 링크로 이동하도록 구현하기에 대해 알아보기 앞서 좋지 않은 예를 먼저 보도록 하자. 좋지 않은 예(오류가 발생할 수 있는 경우) 위의 두가지 경우는 버튼과 링크 이동이 제대로 연동된 것 처럼 보이기는 하지만 종종 오류가 발생하는 경우이다. but