본문 바로가기
반응형

분류 전체보기137

프로그래밍 기본 원리_데이터 0과 1만으로 모든 수를 표현하는 방법 [이진법] - 0과 1로 수를 표현하는 방법 - 숫자가 1을 넘어가는 시점에 자리 올림 - 일상적으로 숫자가 9 이상이 넘어갈 때 자리올림을 하는 십진법 - 이진법으로 나타내는 수를 이진수라고 한다. - 이진수 표기법: 1000(₂)/ 아래첨자로 보통 표기하지만 코드형에서 사용하는 방식 ob1000으로 표기해서 사용한다. 컴퓨터에게 숫자를 알려주려면 일상적으로 사용하는 십진수가 아닌 0과 1로 표현된 이진수를 전달한다. 1 : 1 2: 1 0 3: 1 1 4: 1 0 0 5: 1 0 1 6: 1 1 0 7: 1 1 1 8: 1 0 0 0 0 과 1로 음수 표현하기 : 2의 보수 - 어떤 수를 그보다 큰 2ⁿ에서 뺀 값 - 컴퓨터는 마이너스 부호를 인식하지 않기 때문.. 2023. 5. 10.
프로그래밍 기본 원리 (자료 구조, 2진수와 16진수) 자료구조(Data Structure) 는 자료를 저장하는 구조 데이터를 저장하고 관리하는 방식이라고 한다. ex) 전화번호부 전화를 알게 될 때마다 그때그때 하위로 저장한다. 하지만 저장된 번호가 많아질 수 록? 검색하는 속도가 늘어나고 찾기 힘들어 지게 된다. 만일 가,나,다 순으로 저장을 할 경우 위 경우보다 전화번호를 찾기 쉽게 된다. 하지만 가에 지정된 번호로 저장을 하게 된다면 또 다시 하위에 있는 리스트목록은 리셋되게 된다. 조금 더 효율적인 구조를 생각하게 된다면? ㄱ, ㄴ, ㄷ 순으로 분류를 하되 각각의 데이터 공간을 널널하게 주어 준다. 그리고 전화번호를 저장할 땐 해당하는 공간에 선착순으로 저장하게 된다. 이 구조는 저장도 쉽고 검색속도가 빨라지게 된다. 하지만 주어진 각각의 ㄱ, ㄴ,.. 2023. 4. 29.
mixin(vue) 같은 기능을 각각의 컴포넌트에 재 각각 써준다면 수정시 불편함을 초래한다. 한군데 모아두어 그것을 참조하는 컴포넌트가 전체 수정이 될 수 있게 도와준다. 공통 컴포넌트를 mixin을 만들어서 사용할 수 있다. //componentA.vue {{getDateAndTime(createdAt)}} 날짜를 표시하는 date함수를 여러 컴포넌트에서 사용하기 //mixins/dataFormat.js export const dateFormate = { methods:{ getDateAndTime(date){ if(date !== null){ let hour = date.getHours() let minutes = date.getMinutes() let fullDate = `${date.getFullYear()}/${.. 2023. 1. 17.
Actions (vuex) mutation(state를 관리, 변화 시키는 역할)은 모든 기능이 동기로 동작한다. 하나의 데이터에 여러개의 컴포넌트가 접근하려고 할 때 효율적으로 관리하기 위함인데 비동기 로직들이 포함되면 그 순서를 정확하게 알기 어렵다. 그래서 비동기 로직은 Actions를 이용한다. ex) actions의 예제 회원가입시 서버와 통신을 할때 회원가입의 중복검사, 등등의 함수를 실행한 후 state에 추가해달라는 값을 마지막에 commit한다. mutations을 통해 state를 변화시키고, 해당 mutation을 동작시키는 비지니스 로직으로 Actions를 사용한다. mutations을 commit해서(발생시킴) state의 값을 변경했다면 컴포넌트에서 Actions를 실행시키는 것은 Dispatch를 이용한.. 2023. 1. 17.
728x90
반응형