개발일기

redux를 사용하여 화면에 숫자가 +,-되도록 하는 앱을 다시 만들어 봤다. 그때는 이해하고 넘어 갔는데, 다시 해보니까 리셋이 되었다. 기록하면서 한번 더 이해해 보자 ! 공식 홈페이지를 참고하면 좋지만 redux를 못찾겠다,,, configStore.js 기본 세팅으로 rootReducer를 store에 저장하고, 다른 곳에서 사용할 수 있게 export 해준다. createStore에 줄이 그어진 이유는 redux/toolkit 사용을 권장 해서 그런것 같다. index.js app.js를 Provider로 감싸 주고, store를 받아 오면서 useState로 관리하던 것을 store란 저장소(?) 에서 관리한다. app.js counter.js store에 저장된 정보를 화면에 보여주기(렌더링..

전에 해결했는데 까먹어서 다시 찾아본 오류,, app.jsx 코드 const [todos, setTodos] = useState(null); const fetchTodos = async () => { const { data } = await axios.get("http://localhost:4000/todos"); setTodos(data); }; {todos.map((item) => { return ( {item.id}:{item.title} ); })} db.json 코드 { "todos": [ { "title": "데이터1", "id": 1 }, { "title": "데이터2", "id": 2 } ] } json-server를 사용해서 db에 있는 데이터를 가져와서 화면에 뿌려줄려고 했는데 오류 발..

오늘도 강의 듣고 프로그래머스 문제 풀기 시작 ,,,! 1.머쓱이는 40살인 선생님이 몇 년도에 태어났는지 궁금해졌습니다. 나이 age가 주어질 때, 2022년을 기준 출생 연도를 return 하는 solution 함수를 완성해주세요. 내가 작성한 코드 function solution(age) { return age = (2022-age)+1 } 다른사람이 작성한 코드 function solution(age){ return new Date().getFullYear() - age +1; } 새로 알게된 것 ! getFullYear()은 현재의 연도를 출력함 + getMonth() -> 1월은 0으로 출력되어 +1을 해줘야 현재 월을 알수 있다. getDate() -> 현재 날짜를 출력한다. getDay()..

자바스크립트 1주차 강의를 다 듣고 마지막으로 배운 내용들을 응용해서 풀 수 있는 문제가 있다. 문제를 보고 멘붕이 왔다,, 문제의 내용도 파악하기 힘들었고, 코드에는 손도 댈수 없었다. 강의는 이해 했지만 문제를 푸는게 아직 어렵다. 그래서 오늘부터 강의 시청 후 기초 문제 풀기부터 하려고 한다. ※하루에 2문제 이상 풀기, 무조건 이해하고 넘어가기 !!!! 코딩 문제 사이트 https://school.programmers.co.kr/ 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 1.정수 num1, num2가 매개변수 주어집니다. num1과 num2를..

오늘의 공부 [변수의 5가지 주요 개념] 변수 이름 : 저장된 값의 고유 이름 변수 값 : 변수에 저장된 값 변수 할당 : 변수에 값을 저장하는 행위 변수 선언 : 변수를 사용하기 위해 컴퓨터에 알리는 행위 변수 참조 : 변수에 할당된 값을 읽어오는 것 [변수를 선언할 수 있는 3가지 방법] 같은 이름으로 변수 선언 변수에 값 재할당 var 가능 가능 let 불가능 가능 const 불가능 불가능 자주 사용했지만 차이점을 정확히 알지 못하고 사용했던 것들 ! 좋은 개발자가 되기 위한 비밀 특강 더보기 -모르는 부분에 대해선 "잘" 모른다고 말하는 것이 좋다. -좋은 개발자는 "남들에게 물어보면서" 성장한다 -궁금한 부분은 정확하게 정리해본 이후 질문하기 -무작정 에러 메세지 복붙보다는 메세지 읽고 고민하기..

오늘은 완성된 프로젝트 마무리겸 발표하는 날이다. 다른 조는 페이지에 동적인 것과 디자인, 댓글기능 등등 다양한 시도를 한것 같다. 우리 조는 심플하면서 기본적인 것과 조금 더 추가하여 결과물을 만들었고, 발표 또한 너무 잘하셨다. 가장 기본에 충실하면서 잘한것 같다 ! 튜텨님의 피드백으로는 개발할 때에는 db를 계속 불러오면 비용이 많이 발생하기 때문에 실제로는 삭제를 잘 사용하지 않는다고 하셨다. 또 restful한 api를 작성하기 위해서 url을 /intro/member로 다르게 만드는 방식이 좋을거 같다고 하셨다. 무슨 말씀이신지는 알겠는데 잘 모르겠다. 느낀점 여러 사람들과 협업을 하면서 부족했던 부분을 서로 채워줄 수 있어서 좋았고, 코드나 좋은 사이트들을 공유함으로서 더 편하고, 쉽게 정보..

오늘은 발표 자료를 정리해 보았다. 팀원 추가하기(get) mongodb 데이터 저장(post) 등등... 수정이나 삭제 부분은 따로 강의를 듣지 않아서 잘 이해가 되지 않는다. 일단은 강의 들었던 부분만이라도 이해하고, 차근차근 나가야 겠다. 급하게 생각하지말자 !

다른 팀원이 맡았던 데이터 삭제 부분을 해보려고 했다. 코드를 짜기 전에 먼저 머리로 생각해 봤는데 먼가 될거 같았다. 막상 해보니까 역시 안된다. 막 해보던 중에 다른 팀원이 성공했다. 코드는 이렇다. app.py @app.route("/intro/delete", methods=["DELETE"]) def delete_intro(): delete_name = request.form.get('delete_name') db.intro.delete_one({'name':delete_name}) return jsonify({'msg':'삭제 완료!'}) index.html function delete_card() { $(".deletebtn").on("click", function () { let name =..