개발일지

객체 객체는 중괄호{...}를 이용해 만들 수 있습니다. 중괄호 안에는 'key' : 'value' 쌍으로 구성된 프로퍼티를 여러개 넣을 수 있는데, 키엔 문자형, 벨류엔 모든 자료형이 허용됩니다. 예시로 서랍장을 설명하는데 복잡한 서랍장안에서 이름표를 보고 원하는 파일을 쉽게 찾을 수 있듯이, 객체에선 키를 이용해 프로퍼티를 쉽게 찾을 수 있습니다. 추가 삭제도 마찬가지. 중괄호 {..}를 이용해 객체를 선언하는 것을 '객체 리터럴' 이라고 부릅니다. 객체 선언할 때는 주로 이 방법을 많이 사용하죠 let user = { // 객체 name: "John", // 키: "name", 값: "John" age: 30 // 키: "age", 값: 30 }; 매달리는 쉼표 (trailing, hanging) ..

오늘은 맵을 돌려 state 데이터를 받아다가 나열하였고 뷰로 나올 모달을 대비해 인풋박스를 Home에다가 넣어 놨다 진행이 얼추 되면 Post페이지를 없애고 한 페이지에서만 가능하도록 하면 좋겠다 깔끔하게. 심플이즈베스트 https://mothercargasoline.tistory.com/90 리액트,스프링 axios 연결 CORS 오류 / has been blocked by CORS policy: No 'Access-Control-Allow-Origin' 미니 프로젝트 중에 처음으로 axios를 사용하게 되었는데 리덕스랑 연결해야하나 정말 헷갈리고 일단 파일을 새로 해서 악시오스 미들웨어 코드를 받아 적용 시키고 url, 변수정도 수정해서 요청 mothercargasoline.tistory.com 아..

미니 프로젝트 중에 처음으로 axios를 사용하게 되었는데 리덕스랑 연결해야하나 정말 헷갈리고 일단 파일을 새로 해서 악시오스 미들웨어 코드를 받아 적용 시키고 url, 변수정도 수정해서 요청을 보내보았다. 에러를 검색해보니 관련 자료들이 많이 나왔는데 공식 문서에 있는 리액트 관련 사항들을 보려한다. 문서에는 수동으로 프록시 구성하기로 되어있는데 자체적으로 프록시 미들웨어를 연결하며 많은 분들과 타 블로그도 이용하는걸로 보니 이걸로 준비해보자! 1. 패키지 설치 먼저 http-proxy-middleware를 설치해주자! $ npm install http-proxy-middleware --save $ # or $ yarn add http-proxy-middleware 2. 파일 생성 후 코드 복.붙 sr..

드디어 미니 프로젝트 시작!! 이전 진도도 못따라갔는데 이미 시작되었다! 큰일이다 얼릉 따라가보자 근데 또 조장이 되어버렸다~ 우리 SA작성은 이렇다 주제를 정하되 너무 깊게 들어가지 않고 상황에 따라 수정할 가능성을 남겨두었다 3. 와이어 프레임 5. API 기능명세서 그래서 프론트 엔드 뷰를 작성하기 위해 최대한 빠르게 작성하였고 axios와 리덕스를 어떻게 해야할지를 찾아봐야했다. 다른 영상을 보고 axios에서 바로 가져오는걸 보고 어라?? 리덕스가 필요없나했지만 렌더링이나 액션,useEffect로 리듀서와 스토어가 필요함을 느꼈다. 일단 틀을 만든 뷰는 이렇다 이렇게 저녁에 완성하였고 스프링분들과 만나서 방향성을 다시 정하고 기능 구현이 어디까지 됐다 얘기를 했다 근데 나는 백엔드 자체가 시간이..

const d = [111, "aaaaa", true]; let e = {a: 1, b: "b"}; d[0] = 222; console.log(d); = '222' // my_cat이라는 상수를 만들었어요! const my_cat = { name: "perl", status: "좀 언짢음", } my_cat.name = "펄이"; console.log(my_cat) // = { name: "펄이", status: "좀 언짢음" } // 여기에선 에러가 날거예요. 프로퍼티는 변경이 되지만, 객체 자체를 제할당할 순 없거든요! my_cat = {name: "perl2", status: "많이 언짢음"}; // my_cat이라는 상수를 만들었어요! const my_cat = { name: "perl", sta..

불변 객체 변수에 값을 할당해도 변수가 바뀌는게 아니라 새로운 주솟값에 입력된 값을 보여주는거다 단, 객체를 할당한다면 객체 자체가 변경된다 불변성이라고 하면 값이 안바뀌는데 변수 선언을 하면 바뀐다는게 무슨 말?? 중복되는 값이 안들어오면 새로운 공간에 값을 입력하고 그 주소를 변수에 보여주기 때문에 https://velog.io/@solmii/%EC%BD%94%EC%96%B4-%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EB%8D%B0%EC%9D%B4%ED%84%B0-%ED%83%80%EC%9E%85%EC%83%81 https://sustainable-dev.tistory.com/156

https://www.codingfactory.net/12175

안녕하세요!! 미니프로젝트를 시작하면서 5주차가 마무리 되었습니다! 항해이자 개발을 시작하면서 이렇게 블로그를 꾸준히 써본건 처음인데. 슬슬 틀도 좀 잡히고 매일 써야겠다는 생각이 드는건 처음인것 같습니다!! 좋은 정보 드릴 수 있도록 노력해볼게요~ 오늘 알아볼 것은 사이트를 만들면서 백엔드에 필요한 데이터를 요청하는 라이브러리 'axios' 라고 하구요 저도 처음에 사용하려 할 때 되게 당황했으니 모르는 눈높이에서 설명해보겠습니담, 시작하시죠! Axios란? 브라우저, Node.js를 위한 Promise API를 활용하는 HTTP 비동기 통신 라이브러리이다. 통신을 쉽게하기 위해 ajax, fetch와 많이 사용했지만 요새는 편리를 위해서 axios의 인기가 많다. 그럼 뭐가 더 편리한지 다른 블로그에..