본문 바로가기

Web109

[Web] About Robots.txt robots.txt is an international recommendation that allows or restricts search robots to collect sites and web pages. The robots.txt file must always be located in the root directory of the site and must be written as a plain text file that complies with the robot exclusion standard. Search robots, etc. for illegal purposes may not comply with the robots.txt rule. Therefore, the information that .. 2020. 10. 7.
[Firebase] Using Cloud Firestore as Database In this posting, we will use the Cloud Firestore of Firebase. Cloud Firestore is a NoSQL database. For focusing on Firebase usage, I'm not focusing on the React application. Sample React Application I made a React application for this practice. Please make your own application. Briefly explanation, If I click the Input button, the input message will be sent to the Firebase DB. And the message wi.. 2020. 10. 4.
[Firebase] Firebase Authentication with React Firebase gives us tremendous convenience. In this posting, let's learn about authentication using Firebase. React Application For this practice, I used CRA (Create-React-App) that is the most used. I made the sign-in form. The explanation of the React application omits since I assumed that you can make a React application. I used styled-icons for the first time and it's not bad. The code was lon.. 2020. 10. 4.
[Nest] Unit Testing and E2E Testing In this time, let's find out the testing method of Nest. I'll use the server that I made in the previous posting to test. 2020/10/02 - [Web/Etc] - [Nest] Create a simple backend server Nest provides us with a whole testing environment consisting of Jest and SuperTest. Usage $ yarn test To run tests only once. $ yarn test:watch To run tests with watch mode. $ yarn test:cov To run tests with cover.. 2020. 10. 3.
[Nest] Create a simple backend server The Nest's catchphrase is like below. A progressive Node.js framework for building efficient, reliable, and scalable server-side applications. Let's make a simple Rest server with Nest. Installation $ yarn add -g @nestjs/cli or $ npm i -g @nest/cli Globally install Nest CLI, and you can use Nest with CLI. Create a Project $ nest new Then an interactive shell is executed. Choose what you want, I .. 2020. 10. 2.
[Jest] JavaScript Code Unit Testing Jest is introduced on the homepage as "Jest is a delightful JavaScript Testing Framework with a focus on simplicity". In other words, Jest is used for testing JavaScript. As far as I know, Jest is based on Jasmine, so it is similar to Jasmine. Now, let's learn the fundamental of Jest. Installation Install Jest in your project folder. $ yarn add -D jest or $ npm i -D jest Configuration Now, add s.. 2020. 10. 1.
[Web] Testing Rest API on VS Code Sometimes we want to simply test the backend that we have made. Also, these days the editor that is the most used is definitely VS Code. So in this posting, I will show you the simple Rest API test method on VS Code. Installation All we need is just REST Client extensions. Find humao.rest-client in the extensions marketplace, and install it. Back-End And, I don't have a backend right now, so I'l.. 2020. 9. 30.
[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.
[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.