프린세스 다이어리

C언어 문법을 익히다가 갑자기 궁금해져서 찾아보았다. 프로그래밍 언어가 등장하기 전, 고등 수학에서 사용하던 변수들이 i, j, k였다. 그래서 FORTRAN의 설계자들은 비슷한 방식을 차용하여 언어를 디자인했다. 포트란 개발자가 말하길, 1960년 포트란 개발 당시 문법상 변수의 타입을 지정할 수가 없었다고 한다. 포트란의 뭔가 다른 버전을 개발하셨는지는 모르겠지만, 위의 원로 개발자분의 이야기와는 조금 다르게, 포트란에서는 일반적으로 타입 선언 없이 i~n은 기본적으로 정수형이었고, 이 외의 문자를 사용하면 기본값으로 실수형을 의미하게 되었다. 정수형을 의미하는 integer라는 단어의 첫 글자와 두 번째 글자가 각각 i, n이기 때문이라고 한다. 여기에서 왜 i, j가 수학에서 먼저 사용되기 시작한..

#include int main(void) { printf("hellooww world\n"); system("pause"); return 0; } 위와 같은 코드를 실행해 보았더니 다음과 같은 에러가 발생했다. main.c:6:5: error: implicit declaration of function 'system' is invalid in C99 [-Werror,-Wimplicit-function-declaration] system("pause"); ^ 1 error generated. 이 문제를 해결하기 위해 구글링 한 결과, stdio에는 system이라는 함수가 정의되어 있지 않다고 "#include "를 추가하라고 하길래 그렇게 따라 했다. 그랬더니 다른 에러가 나는 것이었다. helloow..

C 개발환경 세팅하다가 GCC, G++이 무엇인지조차 모르면서 세팅하는 게 답답해서 정리해보았다. 먼저 GCC에 대한 글이다. 1. GCC의 뜻, 역할 GCC는 본래 C언어용 컴파일러로 시작하여, GNU C Compiler의 약자였으나, 2.9 버전에 이르러 C언어뿐 아니라 오브젝티브 C(Objective C), 파스칼, 에이다 등과 같은 언어를 지원하게 되면서 GNU Compiler Collection으로 이름이 변경되었다. Linux, 윈도우 등 수많은 운영체제를 지원 가능하여 높은 호환성을 가지고 있고, 자동 레지스터 할당, 반복적인 코드 제거, 상수 곱셈 최적화 등 많은 최적화를 수행하는 컴파일러다. 또 GCC는 IDE를 가지고 있지 않은 command line 컴파일러다. C 파일을 GCC로 컴..

도대체 무슨 말인가 했는데 알고 보니 fetch한 데이터 타입, 컴포넌트에서 불러와서 저장하는 데이터 타입을 맞춰주면 됨. 1. 문제 // api/service.ts export async function fetchData(): Promise { const response = await axios({ url: '/detailMock.json', method: 'GET', }); return Promise.resolve(response.data.result); } // pages/bookingDetail/DetailPage.vue setup() { return { bookingItem: {} as Ref, } }, async mounted() { try { const result = await fetchD..

지난 몇 달 동안 사회성이 떨어진 느낌이 든다. 나도 모르게 내 의견을 상대방이 받아들여줬으면 하는 의도를 가지고 말하는 느낌이다. 그렇다고 다른 사람이 하는 말을 내가 받아들이지 않는 것도 아니다. 꾸준히 주변인들과 연락을 주고받고 만나서 신나게 노는 걸 돌이켜보면 심각한 정도로 호전적이지는 않은가 보다. 그냥 내가 생각할 때 옳다고 생각하면 그걸 상대방이 한 번 들어줬으면 좋겠다는 마음이 큰 듯하다. 다양한 사람을 활발하게 만나지 못해서 그런가, 이러다간 타고난 긍정적 마인드마저 잃을까 겁난다. 원래도 말투가 똑부러지는 느낌이었는데 이제는 자칫하다간 상대방이 내 말투를 공격적이라고 생각할 수도 있겠다는 걱정이 앞선다. 기분이 좋지 않음을 인정하고 나니 마음이 편해질 줄 알았는데 더 내 기분에 잠식되는..

백엔드 api가 완성되기 전, api문서의 응답 example 가지고 화면단에 보여줄 데이터를 가져오는 법을 정리해보았다. 왕초보라서^^ 경로 가지고 삽질하다가 다시는 시간 허비 안 하겠다고 다짐하며 쓰는 글. 1. axios 설치 yarn add axios 2. 데이터 요청 메서드를 정의하는 프로젝트 파일에서 axios import import axios from 'axios' 3. 데이터 요청 메서드 쓰기 export async function fetchInfo(): Promise { const response = await axios({ url: '/detailMock.json', method: 'GET', }) return Promise.resolve(response.data.result); } ..

하루 종일 고민했는데, 기본적인 Vue 라이프사이클을 이해하면 해결할 수 있는 문제였다. 부모는 bookingListPage, 자식은 bookingList 컴포넌트 구조인 상태에서, bookingListPage에서 데이터 요청을 하고 bookingList로 props를 넘겨주는 방식이다. 파일 구조는 대충 이런 식이다. store ㄴ BookingListStore.ts ㄴ index.ts component ㄴ BookingList.vue ㄴ BookingEmptyState.vue views ㄴ BookingListPage.vue 먼저 BookingListStore.ts 에 bookingList 등의 state가 있고, 백엔드에 리스트를 요청하여 state를 변경해주는 actions가 있다. const B..

debounce()는 특정 기간 동안 반복된 함수 호출을 마지막 1회만 호출하도록 제어해주는 메서드다. 1. debounce 메서드 Vue 3에서 사용법 1-1. lodash를 install 해주었다고 가정하고, import를 한다. import {debounce} from 'lodash'; 1-2. 기본적인 사용 방법 debounce 는 두 개의 인자를 받는다. 첫 번째는 콜백 함수, 두 번째는 시간(밀리세컨드)이다. const fetchList = () => { // 데이터 불러오는 로직 } debounce(fetchList(), 300) 1-3. Vue3 라이프사이클에 적용하기 자 그럼 이걸 언제 쓰는지 직접 작성했던 vue3 기반 프로젝트를 참고하여 기록해보려 한다. computed: { isSc..