All Day Tired

리액트 첨 해보는데 진심 개빡침난 이걸 왜 쓰는지 모르겠다... swiper 쓰는데도 구글링으로 나온 글 다 하라는대로 했는데몽땅 다 안돼서 개빡쳤음 진심 레알...이걸로 2시간 삽질함 거지같아 일단 나는 swiper 9.3.2 버전을 사용했다. 1. npm으로 swiper 다운로드 하기나는 인텔리제이를 사용하고 있어서 인텔리제이 터미널에 가서npm install swiper@9.3.2명령어로 swiper 9.3.2 버전을 다운로드 했다.확인하려면 리액트 다운 받은 디렉토리에 package.json을 보면 swiper 몇버전을 받았는지 알 수 있고node_modules에 swiper 디렉토리가 있는 것을 확인할 수 있다. 2. 필요한 기능들 import 하기나는 아래와 같이 import 했다.import..

조금 찡찡거리자면...로딩이미지가 사업단에서 기본적으로 설정한게 있는데그걸 하필 내가 만든 페이지 중 특정 부분에서만 다른 이미지로 바꾸고 싶다 함...그래 어찌저찌 이미지는 바꿈... 근데 여기도 또 문제가 터졌으니...내 로딩바는 단계별로 진행순서를 알려주는 gif파일인데예를 들어 여러개 리스트 중 한 개씩 클릭하는데 처음껀 제대로 로딩 gif이미지가 처음부터 잘 나옴...근데 두번, 세번, 네번 누를때 로딩이미지가 로딩 끝낸 직전 이미지부터 모이는 것...즉, 처음 클릭 -> 로딩이미지가 '조회하고있습니다' 보여주고 '조회를 마쳤습니다' 여기서 끝났다면 -> 다음 클릭 -> 로딩이미지는 '조회를 마쳤습니다' 여기서 부터 보여는 것....아 진짜 돌겠네...그러나 해결 완.... 문제gif로 사용한 ..

아 진짜 5시 반 넘어서 수정해달라고 한 공무원이나 그걸 시키는 상사... 매우 빡쳤다... 문제상황넥사크로 환경파일(environment.xml)에 loadingimage에 설정된 로딩이미지를 특정 화면에서만 다른 이미지로 변경하고 싶음특정 트랜젝션을 태울 경우만 로딩이미지 변경되었으면 함 진짜... 엄청 찾아봄... 다른 회사분한테도 물어보고 구글링해보고 ai한테도 물어보고...하지만 답은 가이드에 있었다...넥사크로 가이드에서 loadingimage를 검색하면Description에서 "데이터 로딩 시 화면에 표시될 이미지를 설정하는 속성입니다." 라고 써있다.설정!!!! 그럼 이미지 변경도 되겠구나 싶어서 활용 해결해당 화면 script에서 트랜젝션 function을 태우기 직전에nexacro.ge..

진짜 너무너무너무너무너무 빡쳐서 남김... col0              col1row0 row1 row2row3('그리드 원본'이라 칭함) 그리드를 만들 때 그리드 형태는 저런식으로 밑에 2줄만 병합하고 row0의 row size는 0으로 안보이게 처리함즉, 아래와 같은 그리드 형태가 됨(row0은 row size가 0이라서 안보이게 됨)col0              col1row1 row2row3('그리드 수정'이라 칭함) 시나리오사용자가 input(edit사용)에 질문을 입력하고 [검색] 버튼을 누르면사용자가 입력한 질문이 (col1, row0)에 써지면서 row0의 높이를 늘린다.그리고 나머지 subrow(row1, row2, row3)들의 높이를 0으로 처리해서 안보이게 처리  (여기까지가 ..

프로젝트를 하는데 특정글자만 태그를 써서 폰트컬러를 변경해야했다.그런데 그리드에 cell에서 displaytype을 decoratetext로 변경하고 text에 썼더니계속 가운데 정렬로만 됨....대환장 파티...하다하다 안되서 투비소프트에 질문 남김...근데 어이없는 답변... 그리고 심지어 왼쪽 정렬이 됨...;;; 넥사크로 component에 property설정을 변경했는데 설정이 안 먹을 경우 다시 설정을 변경했다가 저장 후 원래 하려던 설정으로 변경하고 다시 저장 내 경우에grid 특정 cell에서 displaytype을 decoratetext로 변경 후 아래쪽 Style에 textAlign가 left였지만 계속 가운데 정렬로 됨그래서 textAlign를 center로 변경 후 다시 left로..

후임 질문 들어와서 봐주는데 numberformatexception이 남코드를 보는데 뭐지 jstl도 잘썼는데;;;그리고 jstl로 foreach 돌리면 잘 나온다해서 ??? 왜임;;;; 이러면서 다시 자세히 코드를 보니까 목록 한행 클릭 -> 상세 가는데 일련번호로 상세내용을 db에서 조회이걸 보통 1개만 가져오니까 Map으로 썼을거라 생각했는데list를 써서 가져온 것이 화근...;;;; 1건을 조회하더라도 list형으로 담아왔으면 jsp에서는 foreach문을 써줘야한다.안써주면 저렇게 numberformatexception 남 보통 list써서 가져올 생각을 안하기야 하겠지만...

오늘은 div content가 여러 줄일 때... 이 나올 수 있도록 하는 방법에 대해서 포스팅해볼게요! 학원 html/css 평가에서 여러 줄일 때... 이 나왔었는데 유용할 거 같아서 남겨봅니다. 이런 식으로 마지막 줄에 ...이 나오도록 하는 방법입니다. html구조는 아주 간단히만 할게요. 요조가 낭독하는 조해진 작가의 "산책자의 행복"은 "EBS 아이돌이 읽다, 마음을 잇다"라는 아이돌의 낭독과 기부가 결합된 프로젝트 참여 작품입니다. 요조가 낭독하는 조해진 작가의 "산책자의 행복"은 "EBS 아이돌이 읽다, 마음을 잇다"라는 아이돌의 낭독과 기부가 결합된 프로젝트 참여 작품입니다. 이런식으로 긴 content를 가진 div에 css를 넣어줍니다. section #topTextContainer ..

안녕하세요! 두 번째 포스팅입니다! 요즘 JAVA 공부하다 보니 포스팅할 시간이 너무 없었는데 연휴 덕에 겨우 올려봅니다. 제가 html/css 배우면서 유용하겠다 싶었던 내용 중 하나인 flex를 이용해서 여러 div 중 특정 div너비만 다른 div에 비해 일정 비율만큼 넓게 너비를 유지하는데 사용하는 css 내용인데요. 말로 쓰니까 뭔가 이해하기 힘든 느낌이라서 직접 캡쳐한 사진을 보면 이런 식으로 브라우저 크기를 조정해서 3과 5 부분의 너비 비율이 일정해지도록 할 때 유용하게 사용하는 방법입니다! 3 부분은 다른 div보다 2배 넓도록 5 부분은 다른 div보다 4배 넓도록 했습니다! 그럼 먼저 html 코드부터 보겠습니다! 1 2 3 4 5 코드는 아주 간단하게 했습니다. 그럼 css코드도 보..

안녕하세요! 웹페이지 클론 코딩을 첫 글로 써보네요! 사실 클론코딩이라고 하기에도 부끄러운 수준이지만... SPA(Single page Application)를 html과 css로만 최대한 비슷하게 따라해보았습니다! 현재 다니고 있는 학원에서 html과 css 진도를 다 나가고 마지막으로 배운 내용을 토대로 선생님께서 가져오신 웹페이지 외형을 똑같이 만들어보자! 이게 주된 목적이었습니다. 제가 선택한 페이지입니다! https://website70258.nicepage.io/Page-2.html Page 2 your favorite food Cafe Food Menu All of our food is prepared by our team of trained kitchen staff from the seal..