본문 바로가기

반응형

개발

(66)
불필요한 return 사용을 줄이자. void vs return 불필요하게 return을 쓰는 행위를 줄이자.void 연산자는 undefined를 반환한다. function click() { return setState(false)} function click(message) { return alert(mesasge)}리액트에 있는 setState, 윈도우 alert 은 void함수이다.함수의 반환이 존재하지 않는다.굳이 return을 넣어줄 필요가 없다.//개선전 코드function click(message) { if(...) { return alert(meeage) } ...some code... }함수를 조작하기 위해서 위와 같이 사용하는 경우가 있음 이럴 경우에도 반환이 없는 함수에 return을 붙이지 말고 각자 명확하게 구분하는게 ..
Rest Parameters 나머지 매개변수 인자가 가변적으로 들어올 때 사용할 수 있는 변수실제 배열로 받아서 사용가능//개선전코드function sumTotal() { return Array.from(arguments).reduce( (acc, curr) => acc + curr );}//개선된코드funcion sumTotal(...args) { //rest parameters로 들어오면 배열이기 때문에 Array.from사용할 필요 없음 return args.reduce( (acc, curr) => acc + curr );}sumTotal(1,2,3,4,5,6,7,8,9)//개선된 코드의 장점= 추가인자를 받을 수 있다.function sumTotal(initValue, ...args) { console.info(i..
복잡한 인자 관리하기 복잡한 인자를 관리할때 1. 객체로 사용하기function createCar(name, brand, color, type) { return { name, brand, color, type }}function createCar({name, brand, color, type}) { return { name, brand, color, type }}첫번째 인자는 중요하고 나머지는 옵션이다는걸 명시적으로 보여줌 function createCar(name, { brand, color, type}) { return { name, brand, color, type ..
[AWS 자격증] SAA-03 공부 방법, 단기 합격 후기 2023 AWS Certified Solutions Architect – Associate (SAA) 자격증 취득했다! SAA를 취득하려는 목적에 따라 공부하는 방법이 달라질 수 있다. 1. AWS 서비스를 이해하고, 업무에 활용하기 위함 2. 단기간에 SAA 자격증 취득이 목표 처음에는 1로 시작했지만 ^^ 어느정도 공부하고 시험신청 해야지 했다가 신청도 안하고, 공부도 대충하고 계속 미뤄짐,,,,, 결국 걍 시험을 등록하고 똥줄타면서 2로 공부해서 빠르게 합격함. 실무에서 사용하려면 강의를 듣고 서비스를 이해하는게 맞지만 난 우선 자격증을 따고 싶었다. 방법 1. AWS 서비스를 이해하고, 업무에 활용하기 위함 AWS를 처음 접한다면 2개월 이상 넉넉한 공부 기간을 두고 개념을 잡는다. SAA 강의를 듣거나 ..
[css template bootstrap] Html Contact Us, 문의하기 구글 메일 연동 간단한 홈페이지를 개발 중 문의하기 메일연동이 필요했습니다. 서버를 사용하지 않고 html에서 구글 메일을 연동해 사용할 수 있습니다. 참고 https://github.com/dwyl/learn-to-send-email-via-google-script-html-no-server#how GitHub - dwyl/learn-to-send-email-via-google-script-html-no-server: An Example of using an HTML form (e.g: "Contact Us" on a web :email: An Example of using an HTML form (e.g: "Contact Us" on a website) to send Email without a Backend Ser..
[Vue] v-if 와 v-show 차이점 v-if: 조건을 만족하지 못하는 요소는 dom레벨에서 제거됨. 자주 변경되지 않는 경우에 v-if를 사용하는게 좋다. v-show: 조건을 만족하지 못하는 요소는 display:none; 스타일이 적용됨. 스타일만 변경됐을 뿐 눈에보이지 않더라도 항상 렌더링되고 dom에 남아 있다. 조건에 따라 자주 변경되는 버튼 같은 경우에는 v-show를 사용하는게 좋다. 태그에 v-if 가능 , v-show 불가능
[Vuex] Vuex actions란? actions 이해하고 사용하기 actions란? - 비동기 처리 로직을 선언하는 메서드 - 데이터 요청, Promise, ES6 async과 같은 비동기 처리는 모두 actions에 선언 mutations에는 동기적인 메소드를 넣고 actions에 비동기 메서드를 넣는다. 뮤테이션은 commmit api를 호출해서 실행, 액션은 dispatch api를 호출해서 실행시킨다. //store.js state: { num: 10 }, mutations: { doubleNumber(state) { state.num *2; } }, actions: { delay(context) { //actions의 첫번째 인자 context // actions에서 mutations을 접근 할 수 있다. // actions에서 mutations에 접근하는 경..
[Vuex] Vuex mutations란? mutations 이해하고 사용하기 mutations 란? - state의 값을 변경할 수 있는 유일한 방법이자 메서드 (state가 뷰에서 data라면, mutations는 뷰에서 methods와 같은 역할을 한다.) commit() : 뮤테이션을 동작시키는 명령어 [ commit('뮤테이션명', .... ) ] 첫번째 인자는 항상 state, state를 변경하기 위해 다른 인자들을 함께 전달할 수 있다. //store.js state: { num : 10 } mutations: { printNumber(state) { return state.num }, sumNumber(state, num) { return state.num + num }, updateState(state, payload) { return state.num += pa..

반응형