Vue.js에서 watch는 말 그대로 '지켜보고 있다' 이다.예를 들어 개발을 하다가 어떤 값을 지켜보는 상태일때, 그 값이 바뀌었을때에 따라 특정 작업을 하고 싶다면 watch를 사용하면 된다 watch가 사용되는 겨우 1. 검색창에 키워드를 입력했을때, 키워드에 따라 데이터를 다시 불러와야 할 때2. 검색 필터나 옵션을 선택했을때, 그 선택에 따라 화면을 업데이트 하고 싶을 때3. 특정 데이터가 바뀌었을 때, 자동으로 다른 데이터를 계산하거나 변경하고 싶을 때   watch 사용법기본 구조Search.vuewatch: { searchData(newVal, oldVal){ //newVal: 새로운 값, oldVal: 옛날 값 console.log(oldVal+"값이 "+newVal+"로 바뀌었..

0. 내가 일했던 회사나는 솔루션 회사에서 5개월간 일하고, 지난주 퇴사했다. 내가 다녔던 회사는 설립된 지 20년이 넘은 중견 기업으로, 자체 솔루션을 보유하고 있었다. 내가 입사할 당시, 회사는 기존 솔루션을 다른 형태로 발전시키고 새로운 기능을 추가해 더 많은 고객을 유치하려는 프로젝트를 진행 중이었다. 나는 그 프로젝트에 투입되어 5개월 동안 개발 업무를 맡았다.솔루션회사, SI, SM의 차이가 궁금하다면? https://www.youtube.com/watch?v=GG6JVpqpFfM&t=332s&ab_channel=%EA%B2%BD%EC%95%84KyungA 1. Vue와의 첫 만남 처음 회사에 입사했을 때 가장 먼저 마주한 것은 Vue라는 라이브러리였다. Vue를 써본 적이 없었던 나는 처음에..

📚 모던 자바스크립트 딥다이브 북 스터디 후기 📚안녕하세요! 저는 Devocean Young 3기에서 모던 자바스크립트 딥 다이브 스터디를 진행하였습니다. 이번 스터디를 통해 자바스크립트의 깊은 세계로 한 걸음 더 나아갈 수 있었습니다! 스터디의 시작스터디의 첫 만남은 서로를 알아가는 시간이었습니다. 처음 1시간은 가벼운 대화로 서로의 공통점을 찾으며 분위기를 풀었어요. 특히, 4명 모두 애플 실리콘 칩 맥북과 ✨애플 정품 액세서리✨를 사용하는 앱등이(!)라는 공통점을 발견하며 웃음꽃이 피었습니다. 이렇게 친밀해진 뒤, 본격적으로 스터디 계획을 세웠습니다. 스터디 진행 방식 스터디 도서는 956페이지 분량의 "모던 자바스크립트 딥다이브"였습니다. 책이 워낙 두꺼운 관계로 격주로 진행하며, 매주 정해진..

안녕하세요 데보션 영 3기 이지민입니다데보션에는 저와 같은 대학생인 데보션 영과, SKT 현직자이신 데보션 프로님들이 계십니다 데보션 영으로 활동하면서 프로님들과 직접 인터뷰를 진행할 수 있는 기회를 주셔서 인터뷰를 진행하게 되었습니다. 저희 팀은 미리 링크드인과 데보션 프로필을 통해, 어떤 일을 하셨는지 찾아보았고인터뷰 질문을 미리 만들어가서 수월하게 인터뷰를 준비할 수 있었습니다 또한, 인터뷰를 진행하면서 전체적인 사회를 볼 사람, 개발 관련 질문 할 사람, 개발 외 관련 질문 할 사람, 서기 이렇게 4개의 역할로 나누어서 정말 깔끔하고 유익하게 진행할 수 있었습니다!프로님 소개저희 팀이 인터뷰한 프로님의 성함은 안승규님으로, 아래와 같은 일을 하고 계셨습니다.SKT 컨테이너 솔루션 개발팀쿠버네티스로..

코딩을 하다 보면 배열에서 최대값(max) 또는 최소값(min)을 구하는 일이 자주 있다자바스크립트의 Math.max와 Math.min 메서드는 이를 쉽게 처리할 수 있는 도구이지만, 배열에서는 바로 사용할 수 없다는 점에서 약간의 이해가 필요하다  Math.max와 Math.min의 기본 사용법Math.max와 Math.min 메서드는 개별 값을 입력 받아 그중 최댓값과 최솟값을 반환한다. Math.max(1, 2, 3); // 3Math.min(1, 2, 3); // 1 하지만 배열을 직접 전달하면 NaN이 반환된다그 이유는 이 메서드들이 고유한 변수를 기대하기 때문이다 const nums = [1, 2, 3];Math.max(nums); // NaNMath.min(nums); // NaN 해결책 -..

이 글은 아래 링크에서도 확인하실 수 있습니다https://devocean.sk.com/community/detail.do?ID=166881&boardType=DEVOCEAN_YOUNG&searchDataSub=&page=&searchDataMain=DEVOCEAN_YOUNG&searchText=&techType=&searchData=&comment= [3기 활동로그 7편] 취준생을 위한 현실적인 조언과 선배님들의 개발 경험 devocean.sk.com  https://www.sktenterprise.com/bizInsight/blogDetail/dev/12571 [3기 활동로그 7편] 취준생을 위한 현실적인 조언과 선배님들의 개발 경험 | 개발자 Story | SKT Enterp취준생을 위한 현실적인 ..

8월 밋업에서는 데보션영을 위한 특별한 세션이 열렸습니다! 데보션 영은 주로 대학교 4학년, 즉 취준생으로 많이 이루어져있습니다.11개월간 활동을 하면서 데보션 영 분드르이 취업 소식을 많이 들을 만큼, 다들 취업 준비를 열심히 하고 계신데요 8월의 밋업은 저희의 취업 고민을 해결해주러 오신 3명의 전문가 분들이 좋은 내용을 소개해주셨습니다! 세션 내용이 무엇이었는지 한번 살펴볼까요?    정해웅 멘토님-인턴 4번하고 취업한 자의 지독한 취업 스토리SK하이닉스 Solution PE로 활약 중인 정해웅 멘토님은 무려 4번의 인턴 경험과 학부 연구 활동을 통해 다져온 지독한(?) 취업 스토리를 들려주셨어요. 다양한 경험의 중요성, 기록 습관의 힘, 그리고 대학 생활에서의 풍부한 활동이 취업에 어떻게 도움이 ..

짝수 행에만 배경 색상 적용해보자엑셀과 같은 여러가지 문서를 활용하다 보면 표를 삽입하였을때 자연스럽게 짝수 행에 색칠이 되어있는 것을 볼 수 있다.이렇게 데이터 테이블에서 행의 배경색을 교차로 설정하면 가독성이 좋아진다. 이를 구현하기 위한 핵심은 nth-child(even)이다. CSS의 nth-child(even) 선택자를 활용하면 짝수 행에만 배경색을 입힐 수 있다.만약 홀수 행에만 배경색을 입히고 싶다면 nth-child(odd)를 사용하면 된다.    코드 예제datatable이라는 클래스를 가진 테이블의 짝수 행에만 색을 적용해보자. HTML //데이터테이블 생성 이름 나이 직업 주지훈 25 판교 개발자 ..

안녕하세요! 데보션 영 활동을 하다보면 데보션에서 주최하는 세미나에 관한 소식을 자주 접할 수 있습니다.데보션 내 사람들 뿐만 아니라 외부인에게도 열려있는 테크세미나니, 관심 있는 분들은 다음 세미나를 노려보세요! 지난번 있던 세미나는 어느덧 데보션 37차 세미나로, 주제는 ‘Docker를 활용한 효율적 개발 및 보안전략’ 이었습니다.Docker는 현대 개발 환경에서 필수적인 도구로 자리잡았습니다.세미나에서는 흔히 사용되는 Docker의 핵심 기능을 보다 효율적으로 사용하는 방법을 소개해주셨습니다.또한 개발자들이 속도와 보안을 개선할 수 있는 구체적인 기법들을 배워보았고, Docker Scout와 Build Cloud 같은 최신 기능들을 탐구해 보는 시간을 가져보았습니다. 발표자님 소개염근철 전문가님- ..