전체 글343 [Mac] Cheatsheet System 더보기 F11 : Show desktop ⌃↑ : Mission control on/off ⌃← : Move left in mission control ⌃→ : Move right in mission control ⌃↓ : Application windows on/off ⌘Space : Show spotlight search ⌥⌘Space : Show finder search window ⌥⌘D : Dock hiding on/off ⇧⌘3 : Save a picture of the screen as a file ⌃⇧⌘3 : Copy picture of the screen to the clipboard ⇧⌘4 : Save a picture of the selected area as a file.. 2020. 9. 22. [JavaScript] Callback, Promise, Async/Await In the case of synchronous code, the code runs in blocking mode. In other words, the next statement can not be executed and waits until the previous statement is completed. So, we need to use the asynchronous code. If we use the asynchronous code, we can execute the next statement simultaneously and execute statements related to asynchronous code after the asynchronous code finishes. Now, Let's .. 2020. 9. 18. [JavaScript] JSON (JavaScript Object Notation) JSON is a standard text-based format for representing structured data based on JavaScript object syntax. It is commonly used for transmitting data in web applications. Initially, it was made for JavaScript, but many other languages have libraries to handle it as well. JSON Structure A JSON is a string whose format very much resembles JavaScript object literal format. Here is a simple example of .. 2020. 9. 17. [Gulp] Getting Started Gulf is introduced as follows: A toolkit to automate & enhance your workflow. Leverage Gulp and the flexibility of JavaScript to automate slow, repetitive workflows and compose them into efficient build pipelines. Gulp has many useful plugins, we can use them with Gulp. Let's learn the basics of Gulp. Installation You need to install nodejs first. You can find the posting about it. 2020/08/30 - .. 2020. 9. 12. [Python] pip pip is the package installer for Python. It is similar to gem of Ruby and npm or yarn of Nodejs. If Python 2.x and 3.x are installed together, it can be used like pip3 to distinguish the version. pip is contained in Python. Usage Self Upgrade - On MAC / Linux $ pip install -U pip - On Windows $ python -m pip install -U pip Check Packages are Installed $ python -c 'import ' Install Latest Version.. 2020. 9. 11. [Babel] Getting Started Babel is a JS compiler or transpiler. It compiles the newer JS to old JS for supporting many browsers. Because there is a lot of browsers that do not support the newer JS. Babel can work with many bundlers or frameworks. In this posting, let's find out the basic usage of Babel. Installation Create a new project for practicing Babel. And then, install babel packages inside the project folder. $ y.. 2020. 9. 10. [Pug] Getting Started Pug is a template engine that helps develop HTML like a programming language. Installation I'm using yarn, but if you use npm, it also works. $ yarn add -D pug Pug is usually used with other bundlers or frameworks. But in this posting, I'll use Pug directly. So, let's install one more package. $ yarn add -D pug-cli This package allows me to use a Pug in the terminal. Create Template for HTML Let.. 2020. 9. 9. [CSS] SASS/SCSS SASS is a Syntactically Awesome Style Sheets. It makes CSS to a programming language. SCSS is a Sassy CSS. Currently, the SCSS's syntax is mainly used. Although there are other projects with similar functions, SCSS is recently a trend to use as a standard. In this posting, I will explain the usage of the SCSS. I'll post how to compile SCSS and use it in the projects next time. You can use it in .. 2020. 9. 6. [CSS] Gridbox Grid layout enables an author to align elements into columns and rows. Sometimes flexbox is hard to construct the layout we want. If you use a gridbox, you can easily make a layout like a table. Let's make a default code. 1 2 3 4 5 .container { width: 600px; height: 600px; border: 3px solid black; display: grid; } .box { width: 100px; height: 100px; font-size: 30px; display: flex; justify-conten.. 2020. 9. 3. 이전 1 ··· 32 33 34 35 36 37 38 39 다음
