Skills/Web10 Building "utility-first" design systems (1/3) Ref. blog.nimbleways.com/building-utility-first-design-systems-with-tailwind/ Design systems shouldn't be considered a simple task nor should it be a theoretical concept for designers only. Design systems should empower developers & offer a common language with the designers for optimal collaboration. By adopting the utility-first CSS methodology & Tailwind's configuration file, designers get a .. 2020. 12. 22. Cache Control 안다, Cache를 사용하면 빠르다. 근데 꺼림직해.. 왠지 Sync가 맞지 않았을까 해서. 그래서 TTL(max-age)가 존재하겠지? 근데.. 어디다 이 것을 저장할까? 니가 저장해 나는 규칙을 줄게?? 나는 이러한 상상을 펼친다. 학생 때는 물어볼 수도 있고 사수가 있다면 조언도 구하는데 이젠 없다. 내가 정한다. 그래서 잘 못 정해서 잘 못 되면 흠.. 애매한 위치 애매한 나이.. 뭔가 더 클리어 하게 이해하기 위해 가방끈도 길게하고 이것저것 읽어서 지식도 늘렸는데 더 몰라 ㅋㅋ https://www.imperva.com/learn/performance/cache-control/ What is the Cache-Control Header Cache-control is an HTTP header u.. 2019. 10. 18. Cache for web 아래 출처를 표시해 두었습니다. REST API 서비스를 보다 쾌적한 환경으로 만들기 위해 제가 이해하고 있는 Cache 환경과 사람들의 생각을 비교하고 싶었는데 덕분에 빠른 catch up을 할 수 있었습니다. 들어가기 앞서 사실 오늘의 주된 포스팅의 목적은 이전 포스팅 주제인 [ http Header 정리 ] (클릭) 다음으로 이어지는 [ HTTP 헤더를 통한 캐싱 ]이 주된 목적이었는데 이참에 기초 캐싱처리에 대한 여러 내용을 정리하고 넘어 가려고 한다. 요즘 많은 앱, 웹 사용시 사용자들은 조금만 싸이트가 느려도 스트레스를 받는다고 한다. 이러한 고객 니즈에 의해 싸이트를 빠르게 만들기 위해 개발자들은 정말 많은 노력을 한다. - 코드 압축 (Javascript를 minify 하던지 gzip으로 .. 2019. 10. 18. jQuery.get() Description: Load data from the server using a HTTP GET request.version added: 3.0jQuery.get( [settings ] )settingsType: PlainObjectA set of key/value pairs that configure the Ajax request. All properties except for url are optional. A default can be set for any option with $.ajaxSetup(). See jQuery.ajax( settings ) for a complete list of all settings. The type option will automatically be set t.. 2016. 1. 5. jQuery를 이용한 Modal 생성 우선, Modal이란 Popup의 변형 격? 이라 생각하면 되겠다.나는 UI 전문이 이니라 학습한 것이 아닌 느끼고, 경험하고, 생각한대로 작성한다. 통상적으로 Modal은 요즘 UI의 대세인 Bootstrap한 요소라 생각한다.Popup보다 좀더 깔끔하다 해야 하나? 아무튼 Bootstrap을 사용하지 않고 jQuery를 이용한 Modal 생성해 보겠다. 우선 "jquery-2.1.4.js" 가 필요하다. 버전은 알아서 받고 대부분 지원하는 듯하다.위 jQuery JS를 html(jsp)에 Import 시킨다. 요렇게 스크립트 스타일 펑션 Click Close 뭐 이렇게 쓰면 된다.글 재주는 없다.. 픽션만.. 위에 빨간 부분은.. 아래 링크를 참조 하기 바란다.Ref. http://stackoverf.. 2015. 12. 31. How to install Tomcat on CentOS 7 I do not issue any guarantee that this will work for you! 1 Preliminary NoteThis tutorial is based on CentOS 7.0 server, so you should set up a basic CentOS 7.0 server installation before you continue with this tutorial. The system should have a static IP address. I use192.168.0.100 as my IP address in this tutorial andserver1.example.com as the hostname.2 InstallationTo start the installation o.. 2015. 12. 23. Installing MySQL Server on CentOS MySQL is an open-source relational database. For those unfamiliar with these terms, a database is where an application keeps its data, and relational refers to how the data is organized and accessed within the database. SQL refers to the language used by application queries to retrieve and store data: Structured Query Language.MySQL is free and widely used, meaning that you can find a large amou.. 2015. 9. 23. CentOS - Apache and PHP Install Contents1 CentOS - Installing Apache and PHP52 Apache Install3 ServerName4 Firewall5 Default Page6 Chkconfig7 PHP5 Install8 AlmostCentOS - Installing Apache and PHP5CentOS comes with Apache v.2.2.3 and PHP v.5.1.6 and they are easily installed via the default CentOS Package Manager, yum.The advantage of using yum (as opposed to installing via source code) is that you will get any security update.. 2015. 9. 23. CentOS 64bit APM 소스 설치 APM을 yum으로 설치합니다. (이전 apm을 삭제 하시려면 # yum -y remove httpd* php* mysql*) 이 순서대로 설치 할 것.# yum -y install httpd # yum -y install mysql# yum -y install php 관련 추가 패키지 설치 # yum -y install gd gd-devel# yum -y install libxml2 libxml2-devel# yum -y install openssl openssl-devel# yum -y install gmp gmp-devel# yum -y install mhash mhash-devel# yum -y install libmcrypt libmcrypt-devel# yum -y install mysql-s.. 2015. 9. 23. [Web] Attributes > placeholder placeholder는 HTML5에서 추가된 속성으로, input과 textarea에 안내문구를 넣을 수 있게 해줍니다. 양식 상자 안에 나타나고, 커서를 위치시키면 사라집니다. 간단한 예는 다음과 같습니다. 비슷한 속성으로 value가 있습니다. placeholder와 비슷한 결과를 보여주나, 커서를 위치시켰을 때 사라지지 않습니다. 그리고, 아무것도 입력하지 않고 폼을 전송했을 때, placeholder는 빈 값을 전송하나 value는 Name을 값으로 전송한다는 차이가 있습니다. placeholder는 상당히 유용한 속성이지만, IE9 이하에서는 지원하지 않는다는 단점이 있습니다. IE9 이하에서도 적용하기 위해서는 스크립트를 이용해야 합니다. 이에 대한 설명은 다음의 링크에 있습니다. 출처 : h.. 2014. 12. 29. 이전 1 다음
