![](http://i1.daumcdn.net/thumb/C148x148.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/csgD8p/btr2m3Ipiad/6vf8pdNhKx2Kx7WQGlKxI1/img.jpg)
BEM (Block, Element, Modifier) is a popular naming convention for CSS classes that helps developers write more modular and maintainable CSS code. BEM is particularly useful for large and complex projects, as it helps keep the code organized and easy to understand. I've been using the BEM naming convention for both my professional work and personal projects, and have found it to be a highly effec..
![](http://i1.daumcdn.net/thumb/C148x148.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/bjqKdP/btr0m6AqZUc/4fM5kClRGKIAo7jCaksxOK/img.png)
As a web developer, creating a user-friendly and responsive website is always my top priority. I believe that designing for the user's perspective is key to creating a successful website that is easy to use and navigate. When it comes to presenting complex data in tables, it can be especially tricky to make them easy to use and read on small screens. When I first received the task to make the ta..
![](http://i1.daumcdn.net/thumb/C148x148.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/dSbEoG/btr0h0ZN0ak/axeFXEqYfBCJRQJ8uoUbi0/img.png)
Bootstrap is a popular front-end development framework used to create responsive and mobile-first websites. One of the most useful features of Bootstrap is its tab switch functionality. I had the opportunity to work on a project for a company where I was tasked with switching their static website to a responsive website. And using Bootstrap5 tab functionality was a great choice for UX purpose. T..
![](http://i1.daumcdn.net/thumb/C148x148.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/N0CKY/btrZB3QvGic/rHmJaK4YykQ2TOx0wQtaR1/img.png)
If you're building a website using CSS and notice white space on the right side of the screen in the mobile mode, it's likely because your content is wider than the screen width. This was one of the biggest bug that I've encountered recently, and I want to talk about the 4 troubleshootings that I've done to fix this bug. 1. Use the viewport meta tag The first step is to use the viewport meta tag..
- Total
- Today
- Yesterday
- $scope.$applyAsync()
- CSR
- orderByFilter
- CSS white space issue
- JSON-CSV-Conversion
- frontend
- BEM-like-Naming
- handleNullData
- React.js
- Bootstrap5 tab
- angularjs
- responsive table
- ImportCSV
- Next.js
- Responsive Troubleshooting
- junior frontend developer
- CSV Validation
- promise.all()
- #노개북 #노마드코더 #개발자북클럽 #클린코드
- scrollabe table
- developer tools
- Desk Setup
- bootstrap5
- responsive design
- BEM
- CSS
- UX
- SSR
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |