티스토리

JoyDev
검색하기

블로그 홈

JoyDev

joyjaewon.dev/m

JoyJaewon 님의 블로그입니다.

구독자
0
방명록 방문하기

주요 글 목록

  • AngularJS: Implementing a Reusable Toggle Chevron with MVC Architecture 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.. 공감수 0 댓글수 0 2024. 5. 29.
  • Reflecting on 2023: A Year of Growth and Learning 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.. 공감수 1 댓글수 0 2023. 12. 31.
  • AngularJS: Validating Data Before Updating the API 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 .. 공감수 0 댓글수 0 2023. 9. 30.
  • AngularJS: Importing CSV Files and Save Each Row 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.. 공감수 0 댓글수 0 2023. 9. 1.
  • AngularJS: Converting and Downloading JSON as CSV 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 .. 공감수 0 댓글수 0 2023. 8. 15.
  • AngularJS: Dealing with Async Updates using Promise.all() and $scope.$applyAsync() 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.. 공감수 0 댓글수 0 2023. 8. 1.
  • AngularJS: Handling Null and Empty Values with orderBy Filter 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.. 공감수 0 댓글수 0 2023. 7. 26.
  • Introducing AngularJS and Analyzing the MVC Architecture 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.. 공감수 0 댓글수 0 2023. 5. 19.
  • My Desk Setup✨ During the pandemic, remote work and online classes have become the new norm, resulting in us spending more time than ever at our desks. To make my work experience more productive and comfortable, I decided to upgrade my desk setup and have been using it ever since. In this post, I'm excited to introduce you to my tech desk setup and share how it has helped me to enhance my productivity and comf.. 공감수 2 댓글수 0 2023. 3. 28.
  • Client-Side Rendering(CSR) vs Server-Side Rendering(SSR) When learning React, one of the terms you will often encounter is client-side rendering. As I'm currently studying next.js, I keep coming across the term server-side rendering, so I decided to write a blog post to better understand and clarify these concepts. At a glance, server-side rendering (SSR) and client-side rendering (CSR) seems to indicate whether the rendering takes place on the server.. 공감수 1 댓글수 0 2023. 3. 16.
  • BEM Naming Convention for CSS 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.. 공감수 2 댓글수 0 2023. 3. 3.
  • Optimizing Complex Data for Small Screens: How to Create the Scrolling Tables 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.. 공감수 3 댓글수 1 2023. 2. 23.
  • How to Use Bootstrap5 Tab 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.. 공감수 1 댓글수 0 2023. 2. 20.
  • How to Fix White Space on the Right for Mobile Devices (How a Tiny Code can Cause the Big Issue) 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.. 공감수 2 댓글수 0 2023. 2. 16.
    문의안내
    • 티스토리
    • 로그인
    • 고객센터

    티스토리는 카카오에서 사랑을 담아 만듭니다.

    © Kakao Corp.