Suyeon BLOG

https://www.acmicpc.net/problem/11021 11021번: A+B - 7 각 테스트 케이스마다 "Case #x: "를 출력한 다음, A+B를 출력한다. 테스트 케이스 번호는 1부터 시작한다. www.acmicpc.net 11021번 출력할 때 변수와 함께 출력하는 문제에 아래와 같이 코드를 제출하니 실패했다고 나왔습니다. T = int(input()) for i in range(T): A, B = map(int, input().split()) print("Case #",i+1,": ",A+B) 이렇게 하니 문자와 변수 사이에 자동으로 한 칸 띄어쓰기가 되어서 출력되는 걸 확인했습니다. 그래서 문자와 변수를 쓴 그대로 출력되는 방법을 찾다가 f{}로 해결했습니다. 이건 파일 경로명을..

https://www.acmicpc.net/problem/10951 10951번: A+B - 4 두 정수 A와 B를 입력받은 다음, A+B를 출력하는 프로그램을 작성하시오. www.acmicpc.net 10951번 문제처럼 횟수가 정해지지 않고 입출력을 하려고 했을 때 while을 활용했지만 아래처럼 해서 오류가 발생했습니다. while True: A, B = map(int, input().split()) if(!A && !B) break; print(A + B) 이건 input()을 했을 때 값이 입력되지 않으면 NameError가 발생하는 것을 모르고 코드를 구현했었습니다. 그 후, 오류가 발생할 경우에는 try-except문으로 해결하면 된다는 것을 배웠고 아래처럼 코드를 수정했습니다. while ..

react-hook-form을 활용하면서 추가적으로 데이터를 집어넣어야 할 때 어떤 방식으로 데이터를 넣는지에 대한 포스팅을 하겠습니다. 📌 axios 문법 구성 axios.post([URL], {body}) .then(response => { console.log('성공적으로 연결 되었을 때'); }) .catch(error => { console.log('연결을 실패해서 오류가 발생했을 때'); }) 1. URL: 연결할 서버 URL을 적어주면 됩니다. (ex: "http://localhost:3001/abc") 2. { body }: 전달할 데이터를 {} 안에 JSON 문법처럼 key와 value 쌍으로 보내주면 됩니다. 3. then: 서버와 연결에 성공했을 때 실행돼야 하는 것을 적는 부분입니다..

입출력을 하는 문제에서 map()이 무엇인지 설명하는 포스팅을 하려고 합니다. 📌 map(함수, 리스트 또는 튜플) map에는 두 가지의 인자를 필요로 합니다. 첫 번째, 함수입니다. 두 번째 인자에 오는 값들을 적용시킬 함수를 의미합니다. 두 번째, 리스트 또는 튜플입니다. 첫 번째 인자로 들어온 함수에 하나씩 넣어서 함수를 수행시킬 때 필요합니다. 📌 map 함수 활용하기 a, b = map(int, ['1', '2']) print(a, b) #1 2 리스트를 정수로 변환하기 첫 번째 인자에 리스트를 정수형으로 변환하기 위한 int 함수가 들어왔습니다. 파이썬에서는 문자를 정수로 변환할 때 int()를 사용합니다. 두 번째 인자에는 문자 2개를 담음 리스트를 주었습니다. '1'과 '2'는 차례대로 i..

이번 프로젝트에서는 서버와 연결해서 사용자의 정보를 저장하는 기능을 사용하기로 해서 이에 알맞은 react-hook-form을 사용하기로 했습니다. 📌 react-hook-form 설치하기 npm install react-hook-form 📌 React Hook Form으로 회원가입 폼 만들기 // useForm 함수를 불러옵니다. import { useForm } from "react-hook-form"; function Registration() { // register()와 handleSubmit() 함수를 얻을 수 있습니다. const { register, handleSubmit, } = useForm(); const submitForm = (data) => { console.log(data); ..

오류 해결 방법 1. create-react-app을 삭제해줍니다. npm uninstall -g create-react-app 2. create-react-app을 재설치합니다. npm install -g create-react-app 3. create-react-app을 재실행해줍니다. npx create-react-app 폴더명 이러면 성공적으로 react를 설치할 수 있습니다!

git에서 협업하다가 git pull에 관련된 오류로 한참을 헤매다가 해결 방법을 찾아 이렇게 포스팅합니다. 협업하기 위한 절차 4가지 1. 상대 repository URL 복사하기 2. git clone repositiory URL git clone [Repository URL] 이렇게 하면 상대방의 코드 전체를 복사해서 자신의 폴더에 붙여 넣기가 됩니다. (해당 명령어를 실행한 다음에 생성된 폴더로 꼭! 이동해줘야 합니다.) 3. npm install npm install react를 설치하면 자동적으로 node_modules라는 게 설치되는데 다른 사용자의 React 폴더를 가져오면 해당 폴더가 없어서 npm start가 작동되지 않습니다. 따라서 npm install을 통해 node_modules..

PedroTech님의 풀스택 강의 14일 차를 참고했습니다. 📌 Posts 수정 router 생성하기 // ./server/routes/Posts.js const express = require("express"); const router = express.Router(); const { Posts, Likes } = require("../models"); const { validateTocken } = require("../middlewares/AuthMiddleware"); router.get("/", async (req, res) => {... }); router.get("/byId/:id", async (req, res) => {... }); router.get("/byuserId/:id", as..

PedroTech님의 풀스택 강의 13일 차를 참고했습니다. 📌 Users 테이블의 id를 Posts와 연결하기 // ./server/models/Users.js module.exports = (sequelize, DataTypes) => { const Users = sequelize.define("Users", {... }); Users.associate = (models) => { Users.hasMany(models.Likes, {... }); // Users의 id를 Posts와 1:N 관계로 연결합니다. Users.hasMany(models.Posts, { onDelete: "cascade", }); }; return Users; }; Users 테이블의 id와 Posts 테이블의 id를1:N ..

PedroTech님의 풀스택 강의 12일 차를 참고했습니다. 📌 Likes 테이블 생성하기 // ./server/models/Likes.js // Likes 테이블 생성합니다. module.exports = (sequelize, DataTypes) => { const Likes = sequelize.define("Likes"); return Likes; }; // ./server/models/Post.js module.exports = (sequelize, DataTypes) => { const Posts = sequelize.define("Posts", {... }); Posts.associate = (models) => { Posts.hasMany(models.Comments, {... }); // ..