profile
인생은 단방향 디자인 패턴 🏃

Vue Router

코딩애플 강의와 인프런 강의를 들으며 Router를 어떻게 써야하는 지 공부했었는데, 오늘 현업코드를 보면서 좀 다른것을 느꼈다... 허... 뭔가 심오해서 느낀점을 기록함...npm 명령어로 설치해준다.라우터 파일을 만들어준다. src폴더 안에 아무곳에 router.

2023년 1월 3일
·
3개의 댓글
·

computed 와 methods

computed 와 methods 는 함수를 호출하는 vue 문법중 하나이다.이 둘의 가장 큰차이는 캐싱의 차이이다.위 코드를 보면 날짜를 실행하는 now(), now2() 두개의 함수가 있다. 이를 컴포넌트에 바인딩에서 살펴보면 now()를 실행했을 때와, now2(

2022년 12월 30일
·
0개의 댓글
·

Vuex 도전기

Vuex는 Vue에서 사용하는 상태관리 라이브러리이다.React에서 사용했던 Redux와 비슷하다. 이것 역시 컴포넌트 간의 데이터 이동을 자유롭게 하기 위해 사용하는데, 사용법은 Redux와 비슷하다.상태관리 라이브러리는 항상 공부하면서 느끼는 점이 크게 어렵지 않고

2022년 12월 30일
·
0개의 댓글
·
post-thumbnail

Vue axios

브라우저에서 지원하는 비동기 통신 라이브러리이다.자바스크립트 런타임 환경에서는 동기 처리방식이 사용된다. 때문에 비동기 처리방식을 사용하고 싶다면 axios, promise, callback 함수 등을 사용해야 한다고 알고 있다. 비동기 처리 방식을 사용하는 Axios

2022년 12월 29일
·
0개의 댓글
·
post-thumbnail

git 사용자 바꾸는법

취업하고 나서 내가 받은 컴퓨터는 누군가 쓰던 컴퓨터였다. 아마 어디 회사를 가나 이런 상황은 발생하기 마련이다. 아무것도 모르고 깃을 푸쉬하는데 자꾸 Permission 403에러가 발생했다.서치 해보니 자격증명에 등록을 해줘야 한다더라.제어판 -> 사용자 계정 ->

2022년 12월 28일
·
0개의 댓글
·
post-thumbnail

Vue props

기존 리액트와 마찬가지로 데이터를 자식 컴포넌트로 보낼 때 똑같이 props를 사용한다.다만 사용하는 방식이 리액트와 달라 정리를 해보려고 한다.사용하는 방식은 리액트와 똑같다. 컴포넌트 안에 데이터를 넣어서 보내준다.위 그림은 ItemList 라는 컴포넌트에 데이터를

2022년 12월 27일
·
0개의 댓글
·

React vs Vue

위코드를 졸업하고 나서 문득 이런 생각이 들었다.남들이 많이 쓰니까, 부트캠프에서 이걸로 공부시키니까, 쓰는게 과연 맞는걸까..나는 현재 React를 배웠지만, React를 잘 못쓰는 사람이라 이런 생각이 들겠지만..아무튼, 분명 두개의 장단점은 존재 하는 것 같다.

2022년 12월 15일
·
0개의 댓글
·
post-thumbnail

Http와 Https의 차이

HTTPS(https://)는 SSL(Secure Socket Layer) 인증서를 사용하는 HTTP(http://)이다. SSL(또는 TLS) 인증서는 일반 HTTP 요청 및 응답을 암호화하기 때문에 HTTPS는 HTTP보다 더 안전한 보안용 프로토

2022년 12월 9일
·
0개의 댓글
·
post-thumbnail

캐시에 대해서

프론트엔드 개발자라면 웹에서 발생하는 문제들에 대해 알아야 한다. 프로젝트를 하면서 문득 하이트래픽이 생기면 어떻게 될까? 라는 의구심이 생겼다. 그러다 보니 캐시에 대해서 좀 더 공부해보고 싶어졌다.컴퓨터 과학에서 데이터나 값을 복사해 놓는 임시 장소를 가리킨다. 캐

2022년 12월 7일
·
0개의 댓글
·

카카오맵 적용 안됨

카카오 맵 api는 홈페이지에서 준 가이드보면 쉽게 작성할 수 있다. 카카오맵 가이드카카오 맵이 안보인다.... 콘솔을 열어보니 Get 어쩌구저쩌구 401(Unautorization) 이런식으로 뜨길래 1\. 인증 키 문제2\. 도메인 주소 문제이 둘중 하나 같았다.카

2022년 12월 5일
·
1개의 댓글
·
post-thumbnail

firebase 배포 후 흰화면

개인프로젝트를 실시간으로 피드백 하기 위해 프론트에서 먼저 배포를 시작했다.firebase를 이용하니 백이 없어도 혼자 배포가 가능했다.공식사이트 파이어베이스로 이동해서 프로젝트를 만들었다.파이어베이스 콘솔로 이동해서 프로젝트를 만든다.앱 선택 닉네임 입력 sdk는 넘

2022년 12월 5일
·
0개의 댓글
·

객체지향프로그래밍

기존에 작성했던 OOP을 객체지향프로그래밍이라고 한다. (Object-Oriented Programming, OOP)객체지향프로그래밍은 프로그래밍에서 필요한 데이터를 추상화 시켜 상태와 행위를 가진 객체로 만들고, 객체들간의 상호작용을 통해 로직을 구성하는 프로그래밍

2022년 12월 4일
·
0개의 댓글
·
post-thumbnail

React zxing 왜안되는거니...

현재 개발 중인 로또 프로젝트에서 가장 중요한 기능이 큐알코드 인식이다. 모바일로 구현이 가능해야 했기 때문에 React Native를 공부하던 중, 지금 상황에서 이 방식으로는 무리인거 같아서 api를 찾아봤다. 그러다 zxing, React-qr-reader 가 있

2022년 11월 30일
·
0개의 댓글
·
post-thumbnail

this

This 란 자바스크립트 내에서 '누가 나를 불렀느냐'를 뜻한다.즉 선언이 아닌 호출에 따라 값이 달리진다.단독으로 쓴 this그냥 this만 호출하는 경우엔 global object를 가리킨다. 브라우저에서 호출하는 경우 Window객체가 될 것이다.함수 안에서 쓴

2022년 11월 28일
·
1개의 댓글
·

React 의 장점

페이스북에서 제공해주는 프론트엔드 라이브러리이며, 컴포넌트 기반으로 되어 있어서 컴포넌트에 데이터를 내려주면 개발자가 설계한대로 UI를 만들어 사용자에게 보여진다.웹 페이지를 만들기에는 HTML,CSS로도 충분하지만 동적인 데이터를 만들기에는 적합하지 않다. 이 때 리

2022년 11월 27일
·
0개의 댓글
·
post-thumbnail

해시(Hash)

해시란 단방향 암호화 기법으로 해시함수를 이용하여 고정된 길이의 비트열로 변경한다.(여기서 단방향 암호화 기법은 암호화는 수행하지만 복호화는 불가능한 알고리즘을 말한다.)해시를 만들기 위해선 해시함수가 필요한데 해시함수는 임의의 길이의 데이터를 고정된 길이의 데이터로

2022년 11월 26일
·
0개의 댓글
·
post-thumbnail

싱글 스레드 와 멀티 스레드

싱글그레드와 멀티 스레드는 예전에 공부했던 동기와 비동기와 유사한 개념 같다.(직렬과 병렬의 느낌?)우선 스레드에 대해서 살표보자.프로세스가 할당받은 자원을 이용하는 실행의 단위한 프로세스 내에서 동작되는 여러 실행 흐름으로 프로세스 내의 Heap, Data, Code

2022년 11월 24일
·
0개의 댓글
·
post-thumbnail

MVC 프레임워크

Model-View-Controller 의 약자로 디자인 패턴 중 하나이다.model : 로직,실질적인 처리를 담당(어플리케이션의 정보, 데이터와 관련된 부분)controller : 어떻게 핸들링 할지를 정의(무언가를 제어하는 것, 프로그래밍이 이루어지는 부분)View

2022년 11월 23일
·
0개의 댓글
·

OOP에 대하여

OOP는 현실 세계를 프로그래밍으로 옮겨와 현실 세계의 사물드를 객체로 보고, 그 객체로 부터 개발하고자 하는 특징과 기능을 뽑아와 프로그래밍하는 기법이다. OOP로 코드를 작성하면 재사용성과 변형가능성을 높일 수 있다.SRP(Single Responsibility P

2022년 11월 22일
·
0개의 댓글
·

중앙처리장치(CPU) 작동 원리

CPU는 컴퓨터에서 가장 핵심적인 역할을 수행하는 부분으로 인간의 두뇌에 해당한다.크게 연산장치, 제어장치, 레지스터 3가지로 구성되어 있다. 산술연산과 논리연산 수행(따라서 산술논리연산장치라고도 불림) 연산에 필요한 데이터를 레지스터에서 가져오고, 연산 결과를 다시

2022년 11월 22일
·
0개의 댓글
·