쏘피의 코딩일기_

안녕하세요!! 어느덧 8월 마지막 날이 되었어요! 더위도 한 풀 꺾이고 이제 슬슬 가을이 오고 있는데요..! 벌써 올해가 4개월 밖에 남지 않았다는 점... 너무 시간이 빠르지 않나요? 😂😂🤣🤣 이번엔 프로젝트 마지막 편입니다! 끝으로 수료 후 일상과.. 취업 준비 과정 그리고 취업한 이야기까지!!! 뒤에 적어놓을게요 ㅎㅎ 지난 포스팅이 궁금하시다면! 최종 프로젝트 (1)편 바로가기 -> https://jaws-coding.tistory.com/22 최종 프로젝트 (2)편 바로가기 -> https://jaws-coding.tistory.com/23 최종 프로젝트 (3)편 바로가기 -> https://jaws-coding.tistory.com/25 최종 프로젝트 (4)편 바로가기 -> https://jaw..

저번 포스팅에 이어서, 이번엔 제작까지 제가 맡았던..! 웹페이지에 대해 소개해드리려고 합니다! 지난 포스팅이 궁금하시다면! 최종 프로젝트 (1)편 바로가기 -> https://jaws-coding.tistory.com/22 최종 프로젝트 (2)편 바로가기 -> https://jaws-coding.tistory.com/23 최종 프로젝트 (3)편 바로가기 -> https://jaws-coding.tistory.com/25 웹 페이지도 어플리케이션과 마찬가지로 스토리보드를 짜며 진행하였습니다. 웹 페이지는 관리페이지로써의 기능을 가진 페이지에요. 그렇기 때문에.. 회수기 / 회원 / 포인트 / 광고의 전반적인 관리를 할 수 있는 내용이 꼭 들어가야 했습니다. (+ 여담으로 스마트인재개발원 후배님들에게 약간..

어느덧 수료한지.. 2주 하고도 며칠이지났습니다! 얼마전 마저 챙기지 못한 짐을 가지러 스마트인재개발원 캠퍼스에 들렀는데요, 저희 다음 후배들을 맞이하느라 선생님들께서 아주 열심히!! 컴퓨터와 책상을 옮기고 계셨어요.. 약 5개월간 같은 장소를 오고가며 교육을 받다보니 캠퍼스에도 정이 들었나봐요.. 텅 빈 우리 교실을 보고 있자니 지난 일들이 주마등처럼(?) 스쳐지나가면서 괜히 울컥하더라구요. 담임 선생님이신 예진쌤이 마침 자리에 계셔서 이런저런 얘기를 많이 하고 왔답니다!!! 그립네요 ㅠㅠ 스마트인재개발원 !!!!! ㅠㅠㅠㅠ 반 친구들도 벌써 너무 그리워요. 그렇지만... 취뽀하고 다들 다시 보면 더 좋겠지요..?? 포스팅도 열심히 해야겠죠?? 그럼, 이어서!!! 최종 프로젝트의 웹과 어플리케이션 부분..

이번 포스팅은 스마트인재개발원 에서 교육을 받으며 랩실 스터디를 겸해서 제가 개인적으로 공부했던 내용들을 정리하려고 합니다. 이전의 랩실스터디 포스팅을 참고하시면 저의 공부 내용들을 다시 확인하실 수 있습니다! 스마트인재개발원 의 쏘피의 랩실 스터디 내용이 궁금하시다면 아래의 링크를 참조해주세요!! 😎😎 다음과 같은 순서로 Vue 컴포넌트와 라우터를 설명해보도록 하겠습니다!! Vue 컴포넌트와 라우터 Vue 컴포넌트에 대해 상위(부모) - 하위(자식) 컴포넌트의 관계 상위 - 하위 간 컴포넌트 데이터 전달 Vue Router란? 컴포넌트란 다음과 같이 전역 컴포넌트와 지역 컴포넌트 두가지로 나누어 볼 수 있습니다. 프로그래밍 언어의 특징을 어느정도 알고 계신 분들이라면 전역과 지역의 차이점에 대해 이해하..

벌써 수료한지가 일주일이 지났어요!!! 시간은 정말정말 빠르게 흐르는 것 같아요.. 10시에 쌤들이 주시던 과자들... 1시에 먹어야할것 같은 내 점심... 등원하면 만나서 즐겁게 얘기 나누던 같은 반 친구들... 얼굴을 안보니까 너무 그립네요 ㅠ 스마트인재개발원 에서는 수료가 끝이 아니라는 것..! 아실분들은 다 알텐데요! 수료 후 취업 연계와 관련해서도 추후에 포스팅 할까 해요. 취뽀하는 그날까지..!!! 열심히 블로그 글도 작성하고, 여러 기업들의 문을 두들겨 볼 생각입니다! 우선은 최종 프로젝트 내용을 정리하는 시간을 가져볼까 해요. 지난 포스팅에 이어서 진행하겠습니다!! 지난 포스팅 내용이 궁금하시다면 이쪽 링크를 눌러주세요 (찡긋)😁 최종 프로젝트, 팀 PS공병은행 (1) -- [스마트인재개발..

약 3주간의 최종 프로젝트를 끝으로 8월 13일에 스마트인재개발원 에서의 길고긴 대장정을 마무리 했습니다. 이제 QR 안찍는당~~~ ㅜㅜ 뭔가 시원섭섭하네요... 제가 들었던 과정은 지능형 IoT 융합 SW 전문가 과정(NCS) 3차 입니다!! 지난 3월 18일을 시작으로 8월 13일에 끝을 맺었네요~ 스마트인재개발원 은 CGI센터(본원)와 캠퍼스(동구에 위치) 두 군데서 과정이 이뤄지고 있습니다. 저는 스마트인재개발원 캠퍼스에서 과정을 진행하였어요. 블로그 포스팅을 하는김에 후기도 후기지만 먼저 최종 프로젝트를 진행하면서 다뤘던 여러가지들을 정리 해 보고자 합니다. 제가 있는 IoT반은 다른 반들과는 다른 특징이 있어요! 바로바로.. 눈에 보이고 실제로 작동해볼 수 있는 하드웨어가 같이 겸비해서 프로젝..

이번주에는 스마트인재개발원 랩실스터디에서 공부했던 내용 중 Vue.js 인스턴스에 대해 정리해 볼까 합니다! Vue에서 인스턴스의 개념은 매우 중요합니다. 그렇기 때문에 더욱더 기초를 잡고, 정리해야하겠죠?? 스마트인재개발원 스터디 발표내용을 바탕으로 내용을 정리해 보겠습니다. 뷰 인스턴스 뷰 인스턴스의 유효 범위 뷰 인스턴스 라이프 사이클 1. 뷰 인스턴스 뷰 인스턴스는 뷰로 화면을 개발하기 위해서 필수적으로 생성해야하는 기본 단위 입니다. 뷰 인스턴스의 생성은 아래 그림과 같이 new Vue({}); 라는 입력을 통해 생성이 가능합니다. new Vue({ el: '태그이름', //기본적으로 최상위 실행인 App태그가 들어가게된다. data: { //data 내용들 }, }) 이렇게 data안에 실행이..

이번 포스팅은 '스마트인재개발원' 랩실에서 진행한 7/22 6주차 Vue.js 에 관한 발표자료를 주제로 활용하였습니다. Vue에서 이벤트를 다루는 방법에 대해서 알아보겠습니다. HTML에는 나 과 같은 기본 이벤트들이 있는데요, 또한 자바스크립트를 통해서 기본 이벤트와 어우러지게 사용하는 방법들이 있습니다. 여기에서 Vue.js는 자바스크립트로 조금 어렵게 구현했던 기능들을 v-on 디렉티브를 통해서 좀 더 쉽게 구현할 수 있는 방법을 제공하고 있습니다. v-on 디렉티브를 사용해서 이벤트를 처리하는 방법에 대해 알아보겠습니다. 페이지에 보여지는 숫자를 증가시키고, 감소시키는 간단한 카운터를 만들어보며 예제를 알아보겠습니다. 우리가 카운터를 만들기 위해선, 버튼의 click 이벤트 발생 시 우리가 준비..