anko와 함께하는 developer :D anko와 함께하는 developer :D

JavaScript

• Axios 사용하기

  JavaScript/REST API 2024. 6. 12. 14:38

  GET: 데이터 조회   axios.get(url)POST: 데이터 등록 axios.post(url, data)PUT: 데이터 수정 axios.put(url/id 값, data)DELETE: 데이터 제거 axios.delete(url/id 값)  TEST API JSimport axios from "axios";export default class Memo { constructor() { this.apiClient = axios.create({ baseURL: "http://localhost:3001", }); } async getMemos() { try { const response = await this.apiClient.get("memo"); cons..

  Read More
• Arrow Function 을 다시 알기

  JavaScript 2023. 11. 26. 12:58

  전달하는 인자값과 호출하는 것이 같으니까 그냥 함수의 참조값만 전달해줘도 된다. 그게 더 깔끔하다. 아래 코드에서 onFilterChange에 대한 부분을 보도록 하자! Before) const filters = ['all', 'active', 'completed']; function App() { const [filter, setFilter] = useState(filters[0]); return ( setFilter(filter)} /> ); } After) const filters = ['all', 'active', 'completed']; function App() { const [filter, setFilter] = useState(filters[0]); return ( ); }

  Read More
• 매개변수

  JavaScript/Refactoring 2023. 4. 28. 16:54

  매개변수의 갯수는 최대 3개를 넘지 않는게 좋다. // 매개변수는 최대 3개까지가 적당하다 function wow(a, b, c, d, e) { return ...; } // 연관있는 데이터 구조(자료구조, 클래스 등) 하나로 묶는게 좋다 function wow(collection) { return ...; }

  Read More
• 이름짓기 포인트

  JavaScript/Refactoring 2023. 4. 27. 12:31

  변수 저장된 값을 잘 나타낼 수 있는 의미 있는 이름, 구체적일 수록 좋다. 변수(명사)는 무엇을 담고 있는지 잘 나타내야 한다. ex) student, students, apple, greenApple, activatedStudent 함수 특정한 일을 수행하니까 그 관련된 딱 하나의 일을 하는 작은 단위로 만들어 나가자. 주석을 달지 않아도, 함수 이름만으로 코드의 목적이 파악되도록 해야한다. 함수(동사)는 무엇을 하는지 잘 나타내야 한다. ex) calculate, displayPopup, getTotalPrice, totalPrice class 처럼 get 속성을 가지고있다면 getTotalPrice이 아니라 totalPrice로 작성할 수 있다. 무언가를 네트워크상에서 가지고 온다면 fetch를 ..

  Read More