I tried to add GitHub Actions to my personally developed app and built a CI / CD environment. It was my first time to touch CI / CD . I hope it helps. Introduced GitHub Actions Create .github/workflows/main.yml (filename is arbitrary) in the root directory. Basically, just upload this configuration file (main.yml) …

Benefits of building an environment Coding rules can be tightened in team production etc. -> If each team does their own coding, no one can read would be completed. Eliminate the weird habits of coding from beginners -> If you have a strange habit from a beginner, it is difficult to correct it. Eliminate coding…

Web application created with React is containerized with docker and started. In this article, all I do is add docker-compose.yml to my already created app. If you do not have your own react project (with Typescript), you can make your react project according to here. The folder strucure is like: …

styled-components is a type of CSS in JS that you can use in React components. The feature is that the scope can be kept locally of the component and it can be described in Sass notation. You can write animations using @keyframes with regular CSS. On the flip side, what about with using styled-components? keyframes in styled-components In conclusion, you can implement keyframes with almost the same description as pure CSS. (Keyframes import statement is required)

Recently, when I was stadying SRE, I first learned about a method called “post-mortem.” So I summarize it for the sake of my organization. Gmail had a problem that the mail data was deleted due to a bug in the software of the server group that stores the mail data…

It was quite hard for me to understand what the essence of web3 and NFT which are really common phrases nowadays. Therefore, I’d like to fully understand NFT and Web3 by creating crypto assets, NFT, Web3, and the blockchain itself that is the basis of it, and developing original coins. …

I had the opportunity to pass params with axios.get method and receive it with Go Gin. I was a little bit in stuck in the process. Therefore, I just leave a note for someone who are in same trouble with me. In the side of frontend(React&Typescript) useEffect(() => { const getCollection = async ()…

Well, last time I researched various things about communication. OK! this time, let’s think about the cipher that is probably used for communication! Encryption is a reversible transformation Encryption is, simply say, the conversion of strings. The thing created by the conversion can be restored by the work of decryption. This kind of “reversible conversion” is…