본문 바로가기

분류 전체보기521

검색 카테고리 여러 개 동시 선택 검색 조건을 여러개 동시에 선택을 할 때 배열에 선택된 속성들을 추가한 후 보내줘야 합니다. 만약 회원 상태라는 검색 조건을 여러개 검색하고 싶은 경우 아래 코드처럼 ref로 배열을 만들고 검색 조건들을 입력합니다. 그리고 vue3에서는 v-model로 각 요소들을 연결해주면 각 조건을 체크하면 설정한 v-model에 true, false가 입력됩니다. const accountStatusList = ref([ { model: isTest1Status, id: 'test1', label: '회원상태1' }, { model: isTest2Status, id: 'test2', label: '회원상태2' }, { model: isTest3Status, id: 'test3', label: '회원상태3' },.. 2024. 6. 15.
Vue3 조직도 만들기 Vue3로 조직도를 보여주는 화면을 만들어보았습니다.조금씩 Vue에 익숙해지는 느낌이 들뻔했습니다...아직도 라이프사이클 순서가 어렵습니다...     처음에는 부서를 누르면 백엔드에서 사용자를 받아와서 표시를 해줬지만요구사항에 부서를 누르면 아래 자식 부서들도 모두 체크가 되야한다는 사항때문에 한번에 부서 정보와 사용자 정보를 가져와서 재귀함수로 트리를 만들었습니다.  아래는 pinia를 이용하여 한 곳에서 트리를 만드는 코드입니다. 직접 props로 넘기기에는 복잡하고 잘 이해가 안가서 그냥 pinia를 사용했습니다.  코드는 민감한 정보가 있을 수 있어서 그냥 핵심 함수들만 가져왔습니다. 그리고 변수 이름도 다 수정해서 이대로 실행하면 동작하지는 않습니다.  useInitOrgChartStore.j.. 2024. 6. 6.
Vue excel editor 사용법 vue에서 excel기능을 사용할 일이 생겨서 vue-excel-editor를 사용해봤습니다. 아쉬운 부분이 많지만 시간이 없기에 나중에 여유가 생기면 다시 도전하려고 합니다.   필요기능1. 이메일 중복 시 -> 유효성 통과 X2. 모든 입력칸 미입력시 -> 유효성 통과 X3. 유효하지 않은 이메일, 이름, 휴대폰 번호 형식 -> 유효성 통과 X4. 입력한 총 건수 표시     프론트는 아직 익숙치 않아서 어려웠던 것 같습니다. 사용법 코드 예시는 아래와 같습니다. 필요한 부분만 가져왔는데 옵션 값들은 모두 제거하고 쓰면 되고 필요한 경우 커스터마이징 할 수 있습니다.    헤더... 내용 ... .. 2024. 6. 1.
소백산 등산 후기 금요일 일찍 퇴근을 하고 단양으로 떠날 준비를 했다.요즘 뭔가 바빠서 소백산의 정기? 기백을 받아서.. 아무튼 힐링하고 싶었다..밤 11시 쯤에 도착하는 기차빼고 모두 매진이 되어서 늦게 단양에 도착을 했다. 밤에 본 단양은... 단양역 주변에 건물도 없고 식당도 없고...역 안에 벌레가 너무 많아서 정글에 온 기분? 이었다.하이브? 마트에서 먹을것만 잔뜩 사고 펜션에서 바로 잠에 들었다.         새벽 6시에 기상을 하고 밥을 먹고 7시에 출발했다. 코스는 천동매표소에서 비로봉을 찍고 어의곡으로 내려가는 코스였다.시간은 5시간 정도 걸린다고 했는데 얼추 비슷하게 걸렸다.        처음에는 계곡을 따라 계속 올라갔다. 물이 있어서 그런지 벌레가 많았다..벌레가 귀엽게 생겼다면 더 친해줄 수 있지.. 2024. 5. 26.
2024-05-22 오늘 오랜만에 일찍 퇴근을 했다..거의 한달동안 야근을 했고 드디어 여유가 조금 생겼다.시작하기 전에는 뭐 금방 할 줄 알았는데막상 시작하니깐 생각보다 서비스가 복잡해서 어려웠던 것 같다.그리고 코드룰?? 지키는게 제일 귀찮았다.. ex) 레포지토리에 넘길때는 엔티티를 직접 넘겨야 한다든지...이제는 좀 적응이 되었나??  야근을 하는 와중에도 신입 개발자로써의 야망??이 있어서포트폴리오에 사이드 프로젝트 하나 추가하고 싶다는 생각이 들었다.그래서 11월달에 세미나 발표에 참여하기로 했다.  디자이너, 기획자가 있지만 개발자가 아직 없는 팀?이 있어서 같이 뭔가 만들어서 발표하기로 했다.신입사원들로만 구성된 팀은 우리밖에 없어서 뭔가 선임들 관심이 많은 듯 했다..이렇게 균형있는 팀에서 사이드 프로젝트를.. 2024. 5. 22.
스프링 시큐리티 개념 스프링 시큐리티 스터디를 시작하게 되었는데 다음주 발표라서 급하게 만듭니다. 단어, 그림 위주로 넣고 발표할 때 자세히 설명할거임 -> 사유: 꽤바쁨     1. 교재   2. 스프링 시큐리티란?스프링 시큐리티는 Spring 기반의 애플리케이션에서 보안 기능을 제공합니다. 인증 : 사용자의 신원 확인인가: 사용자의 권한 확인 추가적으로 CSRF, XSS, 세션 변조 등 여러가지 웹해킹 공격을 방지해주는 기능을 제공합니다.   3. 왜 스프링 시큐리티를 사용하는가? 그냥 JWT 토큰만 사용하는거랑 무슨 차이가 있을까? 1. 직접 설정하기 귀찮다.-> JWT 코드@Slf4j@Service@RequiredArgsConstructorpublic class JwtService { public static f.. 2024. 5. 19.
2024-04-22 오랜만에 일기를 쓰는 것 같다.. 요즘 회사에서 일을 처음 시작하고 뭔가 바쁘다... 직장인 친구들을 구경만 하다가 나도 직장인이 되고 명함을 나눠주니깐 리얼 어른이 되었음을 느낀다. 꽤 기분이 좋다... 그리고 심리적으로 여유로워졌다. 원래는 평온을 찾아서 여행을 떠나려했지만 지금은 딱히 여행을 갈 시기는 아닌 것 같다. 상상만 하던 개발자의 삶을 시작되고 이제는 실전이다. Vue3 잘 모르는데 이것저것 만들다 보니깐 조금씩 속도가 빨라지는 것을 느낀다. MyBatis도 처음에는 잘몰랐지만 챗gpt가 짜준거 붙여넣으면 왠만하면 되니깐 또 편해졌다.. 처음에는 걱정이 되었지만 지금까지 공부한 짬이 있어서 왠만한거는 혼자서 척척해낸다. 몰라도 옆에 챗 gpt가 있으니 든든하다. 회사에서 챗 gpt 4.0을.. 2024. 4. 22.
2024-03-18 요즘 회사에서 하루종일 앉아있는다. 원래는 많이 먹어도 살이 전혀 안쪘었는데 안움직이니깐 금세 배에 살이 쪘다. 오늘 동기들이 내 배를 찌르길래 위기감을 느끼고 방금 산책을 다녀왔다. 그냥 나가서 무작정 높은 곳을 찾아 해매다 보니 수진동 주변 달동네 높은 곳에 도착했다. 아쉽게도 경치가 좋은 곳은 발견하지 못했다. 다음에는 다른 곳으로 가봐야겠다. 오늘 또 놀라운 사실을 발견했는데 커피를 먹으면 수분이 오히려 빠져나간다는 것이었다. 하루종일 커피를 물 대신 먹고 있었는데 내 몸이 건조해진 이유를 찾았다. 앞으로는 물을 먹고 더 촉촉한 사람이 되어야겠다. 2024. 3. 18.
2024-03-17 오늘 하루종일 인터넷 쇼핑을 했다... 요즘 날씨가 더워서 반팔을 입고 다니는데 매일 똑같은 반팔을 입기에는 민망해서 새로운 반팔을 구입했다. 이제 직장인이 되었으니 가격대가 조금 있는 반팔에 도전했다. 비싼 반팔은 과연 일반 반팔과 다를지 궁금하다. 아 그리고 귀여운 피규어를 잠깐 구경하다가 정신이 아찔해져서 또 비싼걸 사버렸다.. 스스로 이건 꼭 필요한거라고 속이면서 결국 저질러버렸다. 하지만 내 돈을 내맘대로 쓰겠다는데 뭐가 문제인가.. 아직 학생 감수성이 남아있어서 뭔가 사기가 꺼려진다. 저녁에는 BBQ 핫윙을 시키려고 했는데 23000으로 오른 것을 보고 깜짝 놀라서 바로 가격이 더 저렴한 굽네치킨으로 달려갔다. 조금 시간이 흐르면 돈을 뻔뻔하게 쓸 수 있는 어른이 될 수 있는걸까.. 낮에는 기.. 2024. 3. 17.

티스토리툴바