The Earth Man

Django로 url을 정의하고 views.py에서 해당하는 method를 실행시키면 return 값에 따라 원하는 페이지를 보여줄 수 있다. 그런데 detailpage(상세페이지) 같은 경우, mainpage에서 선택한 해당 detailpage가 보여져야 하기 때문에 특정한 url과 특정한 content가 보여지는 detailpage 이어야 한다. 이를 구현하기 위해 아래와 같은 방법을 생각 해 볼 수 있다. mainpage에서 여러 개의 list가 보여지는 상황이라면, 아래의 코드와 같이 'todo'라는 variable 안에 해당 list의 data 값이 있다. 여기서 todos는 views.py에서 GET method로 DB에서 해당 data를 불러온 것이다. Todo의 Index 입니다 Write..

간단한 SNS를 만드는 것이 목표이다. 회원가입, 로그인, 로그아웃과 같은 사용자 관리, 글쓰기 기능, 친구 팔로워 기능 등 간단한 SNS이다. 강의를 보았지만 조금 헷갈리는 부분이 있어서 전반적인 과정을 정리 해 보았다. 프로젝트의 기능을 크게 'user'과 'tweet'으로 나눌 수 있어서 두 개의 app을 만들었다. terminal에서 다음과 같이 입력한다. django-admin startapp user django-admin startapp tweet 생성한 앱을 관리 할 수 있게 Django에게 알려줘야 한다. project folder의 'settings.py'를 아래와 같이 수정한다. INSTALLED_APPS = [ 'django.contrib.admin', 'django.contrib...

로그인을 한 후, 메인페이지로 자동 이동하도록 만들었다. 메인페이지에서 뒤로가기가 활성화 되면 안되므로 뒤로가기를 막는 방법은 아래와 같다. useEffect(() => { navigation.addListener('beforeRemove', (e) => { e.preventDefault(); }); }, []);

내가 만드는 앱은 사용자의 개인 기록을 저장하는 기능이 있다. 이를 위해서 로그인 기능을 만들려고 한다. SignInPage.js에서 'Email SignIn' 버튼을 누르면 'doSignIn' 함수가 실행된다. Email SignIn 아래는 'doSignIn' 함수이다. Input 부분이 비어있으면 비어있다고 알려주는 기능을 넣었다. const doSignIn = () => { console.log(email); console.log(password); if (email == '') { setEmailError('Email is required'); } else { setEmailError(''); } if (password == '') { setPasswordError('Password is requ..

TabNavigator 기능 넣기 navigations 폴더에 TabNavigator.js 파일 생성 tool 설치: "yarn add @react-navigation/bottom-tabs" import {createBottomTabNavigator} from '@react-navigation/bottom-tabs'; 아래와 같이 탭으로 만들고 싶은 페이지들을 Tab.Screen 태그 안에 넣는다. 그러면 StackNavigator.js에 있었던 위의 세가지 페이지들을 지워주고 대신 TabNavigator을 페이지화 시켜준다. TabNavigator 자체가 하나의 페이지인 것이다. TabNavigator 안에 MapPage, FavoritesPage, MyMainPage 가 들어있는 상태 Official..

등산용 모바일 앱을 만들려고 한다. *Note* (Windows) - nvm v12 or v16 사용: "nvm ls" - cmd에서 Expo 도구 명령어를 사용할 수 있는 도구 다발을 전체 다 설치: "npm install -g expo-cli" 1) Creating Project Windows Terminal: "expo init 프로그램이름" enter(expo 프로그램 생성): "blank a minimal app as clean as an empty canvas" *Note* 'prettier' 설치 App.js 파일 위치에 '.prettierrc' 파일 생성 파일 안에 아래 코드 작성하고 저장 {"semi": true, "singleQuote": true} 공식문서 참조 가능 *Note* js..