개발
-
Table 요소 내 th 또는 td 에 최소 높이 지정하기개발/HTML & CSS 2019. 7. 21. 15:19
테이블을 만들었는데 th 태그 내에 들어가는 텍스트 길이가 제각각이다보니 또 안 예쁘게 나온다. 바로 이렇게 모든 행이 동일한 높이로 출력되게 하려고 tr에도 높이를 지정해보고, th나 th에도 높이를 지정해줘봤지만 소용없을 무.... 헤매던 끝에 div를 이용해 높이를 주는 방법을 시도했더니 먹혔다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 First Row testing 1 Second Row testing 2 Third Row cs 24번 행처럼 th 태그 내에 div를 넣고 그 div에 min-height 속성을 지정해주면 이렇게 일정한 간격을 지닌 테이블이 나온다.
-
동적으로 생성한 태그에 이벤트 적용하기개발/Javascript & jQuery 2019. 7. 20. 11:27
고객의 변덕으로 인해 체크박스를 동적으로 생성하여 출력한 뒤 체크박스를 선택할 때마다 문구를 자동 완성하여 출력해주도록 코드를 짰다. 평소와 다름없이 1 2 3 4 $('input[name=chkBox]').on('click', function(){ console.log(this); }); Colored by Color Scripter cs 를 써봤는데 콘솔창에 아무것도 안 찍힌다. 원래 아래처럼 쓰면 동적으로 생성된 태그에 안 먹히고 위처럼 선언하면 되는게 아니었나...? 1 2 3 $('input[name=chkBox]').click(function(){ console.log(this); }); Colored by Color Scripter cs 이 onClick 이벤트를 $(document).rea..
-
체크박스를 열에 맞춰 정렬하기 (inline & block 속성 활용)개발/HTML & CSS 2019. 7. 20. 11:00
지난 프로젝트에 이어 이번 프로젝트에서도 체크박스 여러 개를 2개 이상의 행에 걸쳐 뿌려주는 화면을 개발했다. 그런데 체크박스 옆에 붙는 텍스트 길이가 제각각이다보니 css를 따로 잡아주지 않으면 생각보다 되게 꼴보기 싫게 화면이 나온다. 무슨 말이냐 하면 요렇게 나온다는 뜻 지난번 프로젝트에서 같이 일했던 웹디자이너는 안타깝게도 요 부분을 못 잡겠다고 하셨고.. 이번 프로젝트에서는 잠시 퍼블리셔가 들어와서 이 부분을 수정하시는 모습을 분명 봤던 것 같은데 놀랍게도 수정된 파일을 넘기지 않고 그냥 철수해버리셔서ㅋㅋㅋㅠㅠ 할 수 없이 내가 잡았다. 포인트는 label 태그가 inline 속성을 가진다는 점이라고 생각한다. 결과부터 말하자면 1 label{ display:inline-block; width:..
-
[Oracle] 계정 잠금 해체개발/Database 2019. 7. 20. 10:20
JDBC 드라이버 통해서 쿼리를 날렸는데 갑자기 "the account is locked" 라는 메시지가 뜨면서 프로그램이 안 돌아간다는 제보를 받았다. 원인은 패스워드 유효기간 만료일수도 있고, 관리자가 직접 계정 lock을 걸어서 계정이 잠겼을 수도 있다는데 나도 DB 무식자다보니 정확한 원인은 모르겠다. 아마도 다시 DBA를 만나게 되면 여쭤볼 수는 있겠다만 언제 오실지 모르니... 우선 아래 쿼리를 날려서 잠긴 계정을 확인 1 2 3 4 5 6 SELECT * FROM DBA_USERS WHERE ACCOUNT_STATUS LIKE 'LOCKED%'; cs 전달받은 대로 계정 하나가 잠겨있는 상태였다. 잠긴 계정을 푸는 쿼리도 날려본다. 1 2 3 ALTER USER [USER_NAME] ACCO..
-
[Oracle] 시퀀스의 현재값 변경하기개발/Database 2019. 5. 8. 22:17
운영 서버에 있던 DB 오브젝트들을 개발 서버에 옮겨서 테스트하던 중 에러가 났다. 에러 로그를 보니 대체 왜 이렇게 된건지 정확히 파악은 안되지만 시퀀스의 현재 값이 실제 데이터의 Max 값보다 한참 작은 상태라 인서트 쿼리를 실행하면 중복 값이 들어가면서 에러가 나는 상황..... 무식하게 계속 .nextval 로 맞춰주기엔 값이 좀 많이 차이나서 부득이하게 머리를 써서 시퀀스의 현재값을 변경해줘야 했다. 가장 편리한건 역시 그냥 시퀀스 자체를 드롭한 후에 실제 데이터에 맞춰서 다시 생성해주는 것이겠지만 이미 운영 중인 서비스라면 그냥 드롭시키기 무서울 수도 있기에..... 아래처럼 약간의 꼼수(?)를 써서 바꿔주면 해결 1 2 3 4 5 6 7 8 9 --예) 현재 시퀀스값은 20인데 데이터값을 9..
-
ajax로 파일(multipart/form-data) 전송하기개발/Javascript & jQuery 2019. 4. 17. 22:51
AS-IS 소스에서는 사용자가 선택한 파일을 업로드하는 소스를 1 2 3 4 Save Colored by Color Scripter cs 이런 식으로 구현했으나 TO-BE로 전환하면서는 파일 업로드 후 자바스크립트 단에서 콜백함수를 호출하도록 만들고 싶어서 방식을 조금 바꿔봤다. 1 2 3 4 Save Colored by Color Scripter cs 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 $(function(){ $('#uploadBtn').on('click', function(){ uploadFile(); }); }); function uploadFile(){ var form = $('#uploadForm')[0]; var form..
-
[Mac OS] react.js 앱 초기화 시 error Command failed with exit code 1. 해결개발/문제 해결 2019. 3. 26. 16:04
난생 처음으로 맥OS를 써보는지라 진짜 엉망진창 와장창으로 소중한 맥북을 혹사시키고 있다.오늘은 react.js 기반으로 웹 어플리케이션을 하나 만들어보려고 설치했다. 신나게 설치 후 npm start 명령어를 날리자 라고 error Command failed with exit code 1 가 뜬다. ㅠㅠ조짐이 좋지 않지만 친절하게도 어떻게 해결해야할지 터미널에 찍어주므로 하나씩 따라해봤다. 첫번째 시도 : rm -rf yarn.lock / rm -rf package-lock.json -> 실패두번째 시도 : yarn upgrade -> 실패세번째 시도 : yarn install -> yarn 설치는 성공했으나 react 앱 초기화 실패네번째 시도 : rm -rf node_modules -> 성공!!!!..