분류 전체보기

비동기 API 처리

비동기 처리를 위해서 axios 를 사용했다. 그렇다면 비동기 처리는 무엇인가? - 특정 코드의 연산이 끝날 때까지 코드의 실행을 멈추지 않고, 다음 코드를 먼저 실행하는 자바스크립트의 처리 방법 대표적인 예로, 물건을 여러건 배송보내는 것을 생각하면 쉽다. 순서에 상관없이 여러 목적지에 보내도 알아서 배송 프로세스 따라서 물품 배송이 멈추지 않고 진행된다. axios는 무엇인가? - axios 라이브러르에서 사용하는 Promose 객체에 대해서 먼저 살펴보도록 하자. - 비동기 작업이 하게 되면 결과가 어쨋든 성공이거나 실패 아니면 둘도 아닌 진행중인 상태가 있을 것이다. - 그래서 다음 3가지 결과에 대해서, 성공 했을때는 어떤 행동을 하고, - 실패를 했을때에는 어떤 행동을 해야하는지를 정해놓은게 ..

중고 전기차 가격 급하락 중인 상황

일반 내연차들이 가격 방어가 안되서 쭉쭉 빠지는 바람에, ​ 전기차에서 얻을 수 있는 효용성 자체가 흔들리고 있네요. ​ 내연차 가격이 1000 ~ 2000만원도 금방 빠지니, ​ 최근에 전기차들은 가격도 올리고, 전기 요금도 올리는 추세에서 전혀 경제성이 안나오기에 ​ 아이오닉5, 아이오닉6, EV6, 모델3, 모델Y 취소 계약도 많아지고, 각 회사에서도 다양한 금리 상품으로 유혹중인데, ​ 현명한 선택을 해야했어야 하는데, 참 고민이 깊어지네요. ​ 물론 저는 전기차를 옹호하는 사람이지만, 수치로만 객관적으로보면 사실상 전기차의 메리트가 점점 사라지고 있는게 현실입니다. ​ 최근 아이오닉 5도 중고가격이 3천 중반으로 내려가고 테슬라는 신차값도 10% 할인 시작했는데, 계속 뺼거라는 이야기가 솔솔 들..

[webpack-dev-server] 코드 변경사항 바로 반영(js)

드디어 webpack.config.js 파일에 코드를 추가해서, 매번 빌드하지 않고도 빠르게 개발하는 방법을 터득했다. 새로고침해도 변경이 안되었는데, 하루 고민하고 방법 터득했다!! [webpack-dev-server] Hot Module Replacement enabled. log.js:1 [webpack-dev-server] Live Reloading enabled. log.js:1 [webpack-dev-server] App hot update... 참고로 이렇게 뜨면 성공한건데, 맨처음에 콘솔창에, 이렇게만 뜨고 핫리로딩이 안되는 경우가 존재하는데, 설정 값을 변경해주면 된다. [webpack-dev-server] Hot Module Replacement enabled. log.js:1 [web..

기아 전기차 ev6 가격표 및 사용설명서(세부사항,연식)

최근 자료라 생각해서 정리하는 차원에서 올리게 되었다. 전기차가 대세가 된다고 하니, 슬슬 엔진차보다는 도로에서 전기차에 더 눈이 많이 가는건 사실인 것 같다. 특히 아이오닉5, ev6, 이트톤,모델3 같은 것들이 자주 보이는게 이제 서서히 전기차 시대의 서막을 울리고 있는 것 같다. 아직은 엔진차가 더 많이 보이긴 하지만, 예년과 달리 점점 전기차 개채 수 증가가 눈에 띈다. 기아자동차 공식 자료이니, 전기차 옵션별 추가 기능 사항 확인이나 정확한 가격이 필요하신분에게 도움이 될 자료라 생각해서 올려봤다. 2023년 전기차 EV6 사용설명서 2022년 전기차 EV6 사용설명서 2022년 전기차 EV6 사용설명서 + 2022년 전기차 EV6 사용설명서

2023 상반기 시험 일정 및 토익 점수 환산표(오픽, 토익스피킹)

새해, 계묘년을 맞아, 영어 점수 갱신을 해볼까한다. 그리고 토익 점수를 기업이나 채용 시장, 학교, 기관들에서는 어떤 환산표를 가지고 변환 하는지에 대해서도 정리해보았다. 2023년 상반기 일정이다 요새 채용 시장이 얼어붙었다고 하기에, 토익 점수를 갱신하거나 새롭게 취득하려고 하는 사람이 많을 것으로 예상한다. 토익 공식 홈페이지에서 확인 가능한 자료이며, 겨울 방학이기도 한 1월,2월을 생각하면, 미리 시험을 예약해서, 높은 경쟁률을 잘 회피해야겠다는 생각이 든다. 제 479회 1월14일 오전 9시 20분 제480회 1월29일(일) 오전 9시 20분 제481회 2월5일(일) 9시 20분 제482회 2월19일(일) 9시 20분 제483회 2월26일(일) 9시 20분 제484회 3월12일(일) 9시 2..

[서울/송파] 분위기 좋은 디저트 카페 - 카페2.7

2022.12.31 기록 1. 가는길 석촌역에서 걸어서 5분 거리에 위치한 카페입니다. 겉모습이랑 내부랑 딴판이니, 섣부른 판단은 금물이에요~ 사람들이 많이 찾을 것 같아 일찍 찾아왔습니다. 혼술할 수도 있고, 카페처럼 이용할 수 있습니다. 편하게 기대고 앉아서 놀 수 있는 공간처럼 되어 있는데, 분위기가 여타 다른 카페들이랑 다른게 큰 장점이네요. 2. 특징 - 석촌에서 가까워요. 석촌역 7분 출구에서 나와서 걸어서 5분거리입니다. 미주빌딩을 찾고 오시면 됩니다. - 대신 주차 공간은 5~6대 정도 있지만, 상가 건물이고, 앞에 치킨집이랑 앞에 백제고분로 공원이 있어, 방문객들도 같이 이용하는 것 같기에, 유의하셔야 합니다. - 치즈가 같이 나오는데 귀엽네요. 치즈 덕후들은 여기로~ - 매장이 큰 편은..

여수 여행(강진 올모스트홈 스테이, 한옥체험, 도자기체험, 한정식맛집, 곱창맛집, 사의재, ev6, 기아)

2022.12.22 - 12.24 2박 3일간의 기록 연말에 알차게 휴가를 계획하던 중, 기아자동차로부터 연락이 왔다. 바로 친환경차 EV6 계약 고객들을 위한 이벤트에 당첨되었다는 것이었다. 정확한 이름은 검색해서 찾아보니, '전통 한옥과 친환경 전기차의 만남, 지역상생 친환경 스테이' 라고 적혀 있었다. 해외여행을 좋아했지만, 어느덧 국내에 가보지 않은 곳들이 많으며, 죽기전에 그곳들을 한번씩 가보는게 먼저 아닐까 라는 생각을 했었다. 그리고 충분히 해외 못지않게 좋은 여행지가 있고, 그것도 비행기가 아닌 차를 타고 갈 수 있다는 사실이 참 좋았다. 그리고 의사소통과 한국식 맛에 길들여진 나에겐 한국, 그것도 전라도에 가보고 싶었는데, 올모스트홈 스테이가 여러 군데 위치하지만, 강진에 위치한 지점을 ..

[Node.js] express 와 cors 사용해서 API 만들기

npm 에 cors 와 express 를 설치해서, 간단한 API를 만들어봤습니다. cors 는 프론트에서 서버에서 제공한 API로 요청을 보낼 때, 발생하는 에러에 대해서 해결하는 방법이다. Cross Origin Resource Sharing 이와 관련된 자세한 설명은, 아래 링크에 첨부되어 있으니 해당 블로그에 접속해서 읽어보면 큰 도움이 될 것이다. https://bohyeon-n.github.io/deploy/web/cors.html CORS란? CORS를 해결해보자 | 구보현 블로그 CORS란? CORS를 해결해보자 20200522 프로젝트를 하면서 프론트에서 서버에서 제공한 API로 요청하자, CORS 에러가 발생했다. 지금까지 CORS에러를 해결하기만 하고 정확히 CORS가 무엇이고 어떻게..

[Vue.js] 조건부 렌더링과 버튼 활성화하기

v-show 조건부 디렉티브를 이용하여, vue 에서 페이지가 번호가 1을 벗어나면, 해당 설정 버튼 값을 제어하지 못하도록 하려고 한다. v-show는 조건부 디렉티브로서, 반환 값이 true와 false 값을 가진다. 다른 값은 들어갈 수 없다. true : 화면이 보여짐 false: 화면이 안보임 *하지만, 개발자 모드로 보면, 버튼이 삭제되지 않는 것을 확인할 수 있다. 대신, 값이 false가 되면, span 태그 위에 있는 ::before 이 사라진다. 사용전 사용후 처음에, this 를 잘 못 사용해서 계속 버튼이 활성화가 안되었는데, 이유를 알았다. 사실, Vue.js 에서는 조건문을 이용하여 조건부 렌더링을 할 수 있다. v-if, v-else, v-else-if 구문이 있다. 하지만, ..

[Vue.js] props 이용하기

vue의 문법을 익히려면 여러가지 유스케이스를 직접 다뤄봐야 한다. props를 이용하여, 자식 컴포넌트의 구조를 재활용이 가능한 구조를 보이고, 속성을 어떤식으로 보내는지 살펴보는게 이번 글에서의 핵심이다. 또한 부모 컴포넌트에서는 자기 데이터를 어떤식으로 바인딩하는지 :(콜론) 을 어떻게 사용하는지 확인해보자. App.vue 1. 컴포넌트 파일을 불러올때는 import / from 을 활용하도록 한다. 2. 내부적으로 사용하려는 데이터는 data 안에 넣어두고, :color 이런식으로 바인딩해서 사용하도록 한다. import MyBtn1 from './components/MyBtn1.vue' export default { components: { MyBtn1 }, data () { return { c..