![](http://i1.daumcdn.net/thumb/C148x148.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/dczqBP/btsHHg0QxxR/WwkKzDwMuPQ6BBpCdavWb0/img.png)
In this blog post, we'll delve into how to implement a reusable toggle chevron feature in AngularJS, which is particularly handy for collapsible panels or dropdowns. This example will follow the Model-View-Controller (MVC) pattern, ensuring our code is both manageable and scalable. We will create a controller that handles the logic, use a directive for our view, and maintain the state in our mod..
![](http://i1.daumcdn.net/thumb/C148x148.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/cuTRF2/btsC4xr7J9k/CmR3HDK2F23DBfnkfu1fh0/img.jpg)
2023 was a remarkable year for me – a period brimming with growth, both personally and professionally. As I sit down to pen this retrospective, it strikes me just how far I've come, particularly in my role at the company where I delved deep into the world of software development. Embracing Full-Stack Development The year marked a significant shift in my career. I transitioned from handling small..
![](http://i1.daumcdn.net/thumb/C148x148.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/bvBo8m/btsv8SDP3XA/uicDvRHOLgEQkfxIHnRLXk/img.png)
Last time, we went on a deep dive into importing CSV files, mapping the fields, and storing that data using AngularJS's `$http.post`. If you missed that part, make sure to catch up here . Today, as promised, we'll focus on a critical aspect of any data manipulation process: validation. Why Data Validation is Important First things first: Why do we even need to validate data? Simply put, garbage ..
![](http://i1.daumcdn.net/thumb/C148x148.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/dRhTVR/btssOtl9v8C/y6YiTh2f1fqvLEtAvuaiAK/img.png)
Recently, I wrapped up the development of a directory page at work, and I learned so much from this project. The project entailed a multitude of tasks—fetching data from an API, implementing sorting and searching functionalities, importing and validating CSV files, and updating the API through POST requests for CRUD operations. While these features might appear straightforward on the surface, di..
![](http://i1.daumcdn.net/thumb/C148x148.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/qZz5f/btsrhGAJkOz/kE0xEav7MfTKD65k6KVzjk/img.png)
Today, I want to dive into an intriguing method that I've employed while working with the transition between CSV and JSON formats. As developers, we often encounter situations where data needs to be stored, processed, and then retrieved in a convenient format. In this blog post, I'm going to outline a technique that makes storing and retrieving data in a CSV format from a JSON object a seamless ..
![](http://i1.daumcdn.net/thumb/C148x148.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/uCZFZ/btsravHcInK/C1e6YhnoiDqPh8PmaJERGK/img.png)
During my recent work on an AngularJS project, I faced a peculiar issue. I needed to fetch data from multiple URLs, process the results once they were all fetched, and then update my controller's scope with the processed data. However, due to JavaScript's asynchronous nature, I found my view not getting updated promptly, leading to inconsistencies in the user experience. Here's how I resolved th..
![](http://i1.daumcdn.net/thumb/C148x148.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/r2134/btsrdjNeZXo/ZH9X3kFoKV08QmKBbN1ulK/img.png)
Today, I want to share a powerful solution that I discovered while working with AngularJS's `orderBy` filter. Sorting lists is a common task in web development, and AngularJS offers a convenient `orderBy` filter to handle it. However, I stumbled upon a challenge when dealing with null or empty values during sorting. In AngularJS, orderBy filter doesn't provide a straightforward way to handle nul..
![](http://i1.daumcdn.net/thumb/C148x148.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/qTMCU/btsgu7vJcg4/59EYwSmWaJLek8WbYetFIK/img.png)
Today, we will explore AngularJS, a JavaScript MVC framework, and analyze its development pattern, the MVC (Model-View-Controller) structure. AngularJS has evolved since its inception, so let's take a look at its updated features and advantages. Introduction to AngularJS AngularJS is an opensource JavaScript framework that extends HTML for dynamic web application development. It provides a robus..
- Total
- Today
- Yesterday
- Desk Setup
- $scope.$applyAsync()
- bootstrap5
- SSR
- ImportCSV
- handleNullData
- responsive table
- frontend
- responsive design
- Responsive Troubleshooting
- promise.all()
- developer tools
- junior frontend developer
- CSS
- Bootstrap5 tab
- #노개북 #노마드코더 #개발자북클럽 #클린코드
- scrollabe table
- CSV Validation
- Next.js
- BEM
- orderByFilter
- CSS white space issue
- UX
- React.js
- BEM-like-Naming
- JSON-CSV-Conversion
- angularjs
- CSR
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |