[박예준님] 팀장님: 우린 내일부터 React + TypeScript로 갑니다. React와 TypeScript의 실무 도입 경험을 공유하는 발표입니다. 위 기술의 도입을 고민하시는 분들, 기술 스택의 이전을 고민하시는 분들께 제 경험이 도움이 되었으면 합니다. 대상 : React와 TypeScript에 관심이 있으나 실무 도입을 고민하는 분들 2019_FECONF_박예준.pdf 2019_FECONF_박예준.pdf drive.google.com 기존 사용하고 있던 웹 프레임워크 WoowahanJS 에서 React 와 Typescript 로 변경하게 된 배경과 이유 소개. Class 는 this 를 많이 쓰게 되는데 이는 mutable. 그러나 props 는 immutable → 그래서 ..
box-shadow: none|h-shadow v-shadow blur spread color |inset|initial|inherit; 예제 box-shadow : 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important; box-shadow: 0 0 6px rgba(35, 173, 255, 1); 참고https://www.w3schools.com/css/css3_shadows.asphttps://www.w3schools.com/cssref/css3_pr_box-shadow.asp
HTML5 Boilerplate
HTML5 Boilerplate 는 프론트엔드의 개발 시작이 용이하도록 css, js 기본 설정이나 폴더 구조 등 기본 환경을 셋팅한 템플릿이다.normalize.css 로 css 초기화가 되어 있고, 기본적으로 사용하는 jquery.js 와 modernizr.js 가 링크되어있다.메인으로 사용할 css 파일와 js 파일도 준비되어 있어 특별한 설정 없이 바로 개발이 가능하다. https://html5boilerplate.com/ 기본 구조 템플릿을 다운받아 압축을 풀면 바로 볼 수 있는 기본 구조이다. 먼저 robots.txt, crossdomain.xml 파일이 있어 프론트단의 기본설정에 용이하다.favicon.ico 파일이나 apple-touch-icon~ .png 파일의 경우 동일 이름으로 파일만..
참조 : pure-css-sticky-footer 화면이 길든 짧든 footer 를 화면의 끝에 위치시키는 방법이다. 문서의 끝에 footer 를 위치하게 되면 문서의 양이 화면보다 적은 경우 footer가 화면의 중간쯤에 위치하게 된다.그렇다고 position: absolute 로 화면 끝에 위치시키니 가변적으로 변하는 컨텐츠의 크기에 대응하지 못하고 footer 가 컨텐츠를 가려버리는 현상이 벌어졌다.그래서 찾게된 방법. footer 를 제외한 나머지 컨텐츠의 height 를 100% 로 잡는 것이다. 그와 동시에 가변적인 컨텐츠의 영역은 height:auto; min-height:100% 로 줘서 최소 height 가 100%, 컨텐츠의 양이 늘어나면 height 도 따라서 늘어나게 했다. 여기서 ..
코딩하다가 display : inline-block 먹인 돔들이 maring, padding 모두 0 인데도 괴상하게 떨어져 있는 것을 발견하였다.그 상위 엘레먼트의 문제인가, 브라우저 기본 설정의 문제인가, 초기화를 잘못시켰나 한참을 찾아봤는데inline-block 이 문제라고 한다. 출처 : Unwanted margin in inline-block list items [duplicate] 해결할 수 있는 방법은 출처를 참조.여러가지가 있다.float:left 를 쓴다던가... inline-block 흠.
MySQL com.mysql.jdbc.Driverjdbc:mysql://localhost:3306/DBNAME mysqlmysql-connector-java5.1.32 MariaDB org.mariadb.jdbc.Driverjdbc:mariadb://localhost:3306/DBNAME org.mariadb.jdbcmariadb-java-client1.1.7 그 외 JDBC 드라이버 참조 : http://blog.naver.com/jwjanguis/70033527640
form 안에 엘리먼트를 추가하는 태그를 태그 바깥에서 사용하다가 태그 안쪽으로 옮기니 클릭 시 submit 이 되는 현상이 발생했다. 도 2개 이상이었으며, 도 존재하는 상황. 이벤트 버블링의 문제인가 하고 해당 부분을 찾아보다가 에 대해 검색했더니 두둥. HTML type AttributeDefinition and UsageThe type attribute specifies the type of button. Tip: Always specify the type attribute for the element. Different browsers may use different default types for the element. 버튼 타입을 항상 명기하라고. button type 에 디폴트 값이 있는데..
Grunt 를 이용하면서 compass 를 같이 이용하게 되는데 scss 를 컴파일하면서 한글 부분에서 Invalid CP949 character "\xEC" 에러를 내뱉는다.윈도우 인코딩이 CP949 로 되어있다고. Grunt 를 이용하지 않고 참조 글처럼 따로 컴파일 하는 경우는 인코딩 옵션에 -E UTF-8 를 주면 된다. sass --watch -E -UTF-8 common.sass:common.css 나는 Grunt 를 사용하므로 Gruntfile.js 에 옵션을 줄까 하다가 참조글의 참조글;;; 에서 더 간단한 방법을 발견. scss, sass 파일에 @charset "UTF-8"; 선언을 해주면 된다. 당연히 제일 위에 선언을 해줘야 함.바보같이 @import 아래에 캐릭터셋을 선언해서 같은..
참조 : Git 명령어 정리참조 : git - 간편 안내서
우분투에서 1024 port 아래로는 root 계정만 사용할 수 있다.톰캣 기본 포트는 8080이고 80번 포트로 바꾸려고 server.xml 을 수정했는데이것때문에 80 포트로 연결이 되지 않았다.권한을 바꿔서 80번 포트를 8080으로 연결 할 수도 있겠지만 보안상 문제가 있을 수 있으므로iptables 를 이용해 포트를 리다이렉트 해주었다. iptables -A PREROUTING -t nat -i eth0 -p tcp --dport 80 -j REDIRECT --to-port 8080 참고 : http://blog.outsider.ne.kr/580
sudo netstat -tap : 현재 실행되고 있는 서비스? ftp, http 등을 확일할 수 있다.
우분투 서버는 데비안을 모체로 하고 있으므로 apt-get 사용. 폰트가 깨지는 경우는 export LANG=en_US.UTF-8 로 설정 후 사용. http://www.debian.org/doc/manuals/apt-howto/index.ko.htmlnabi 설치 : apt-get install nabi 제거하기 : apt-get --purge remove nabi 검색하기 : apt-cache search nabi 패키지 정보보기 : apt-cache show nabi 소스리스트 업데이트 : apt-get update 설치된 패키지들 업데이트 : apt-get upgrade deb파일 설치 : dpkg -i nabi_0.15-2_i386.deb 제거하기 : dpkg -P nabi 설치 deb파일들의 ..
AWS ubuntu 서버에 톰캣을 설치하는데 자꾸 에러가 난다. root@ip-172-31-5-114:/var/lib# apt-get install tomcat6Reading package lists... DoneBuilding dependency treeReading state information... DoneSome packages could not be installed. This may mean that you haverequested an impossible situation or if you are using the unstabledistribution that some required packages have not yet been createdor been moved out of Inco..
1. Tomcat 설치하기$ sudo apt-get install tomcat6 2. Tomcat 제거하기$ sudo apt-get remove tomcat6 3. Tomcat 확인$ ps -ef | grep tomcat 4. Tomcat 시작$ sudo service tomcat6 start 5. Tomcat 정지$ sudo service tomcat6 stop 6. Tomcat 설치경로/usr/share/tomcat6 (executable&libraries)/var/lib/tomcat6 (conf&webapps)[출처] Tomcat for Ubuntu|작성자 반딧불 출처 : http://blog.naver.com/kdr0923/50159730438