- Tech notes
Network, OS, CS: notes for frontend interviews
TCP and UDP are protocols used to transfer data. Notes on that and on GET vs POST, HTTP vs HTTPS, cookies vs sessions, and processes vs threads.
- Projects
Refactoring the Poketmon Master project
Poketmon Master is a project I worked on earlier. A team project came up in a hurry and I couldn't fully finish it, so I'm going to refactor what I left undone.
- Learning
Login, sign-up, password recovery (reset), and password change
Working with the backend developers, the parts I've been in charge of implementing so far are login, sign-up, password recovery (reset), and password change.
- Learning
Implementing login in React with cookies and localStorage
Because I need to run a local server, I'm running the files the back-end developers gave me on my own machine while building login.
- Learning
Connecting the ThemePostList & PostDetail APIs
As I'd feared, a CORS error came up. A setProxy.js file on the front end didn't fix it, but adding @CrossOrigin to the back-end controller did.
- Learning
@media 576px responsive web
As of today, the components for the 1444px, 960px, and 576px screens are all done.
- Learning
Sign up and login: useRef vs useState, which is more efficient?
I built the form data that login and sign-up send to the backend, and tested that the values show up when the login or sign-up button is pressed.
- Learning
Adjusting components, and why the Header needs splitting up
I adjusted the existing banner design and made a slide that shows a post's images first. I also found that the whole Header renders at once.
- Learning
Responsive web at 1440px
From today through tomorrow, we decided to adjust the sizes of our components based on a 1440px width.
- Learning
Building the ProfileEditPage UI
Today I built the UI for ProfileEditPage, the page where users edit their account information.
- Learning
Building the header notification box
Here is the code, and it looks like there is something I need to discuss with the backend developers.
- Tech notes
Fixing the Vercel react-icons error
I kept getting an error when deploying with Vercel. Changing the letters after react-icons in the import path to lowercase fixed it.
- Learning
Building the MyPage markup and styles
Today I built the MyPage markup and styles, but the posts and likes sections seem to lack detail. I think I need to work out what design would be good.
- Learning
Finishing the PostWrite page with a date picker and address search
Today I finished the PostWrite page for writing posts, using a datepicker library for dates and react-daum-postcode for address search.
- Learning
Post writing page: choosing a place with Daum Postcode
Install the Daum Postcode library, a Korean address search, with $ npm install react-daum-postcode.
- Learning
Building the header + banner + List UI and our first merge
Today I merged into the main branch with a teammate via GitHub Desktop for the first time. Luckily we split our areas by branch, and there were no conflicts.
- Learning
Wireframes & frontend directory structure
There has been a miscommunication with the back-end developers on our team, and I think I've figured out what caused it.
- Learning
Running a Spring Boot backend server in VSC & creating a Git branch
Running the back server and front server was easy in IntelliJ, but a frontend teammate I work with wanted to run both in VSC, so I found a way.
- Learning
Team project setup: Spring Boot + React with TypeScript
For our team project, we decided to build the front end with React and TypeScript and plan the back end with Spring Boot.
- Learning
Project pre-planning update!!
In the pre-planning I had only updated the wireframes before, and this time I revised the content as a whole.
