[From JavaScript to React] The Path to React Without Giving Up [Full vers.]

3. What is the difference between declaring var, let, and const variables?

4. Let's learn about DOM and change the text content dynamically through the document object model.

5. Variables are magical, wonderful containers that can hold all kinds of data?

6. The magical operator, the true power of JavaScript

7. Instead of creating new ones every time, you can create frequently used action statements as functions and use them over and over again!

8. You must learn the JSON notation for creating objects by specifying property names and property values!

9. Be sure to pay attention to these points when using arrow functions!

10. You can use split assignment to assign the property values in an object to the desired variable name!

11. To extract values from an array in order or to use a copy of the original, try using the spread syntax.

12. Efficient array management with the map() method that re-creates data and the filter() method that cleans data

13. Challenge to become a filtering master! Pick out only the data you want & the magic of data transformation! Be reborn with map() | Practice problem solving

14. Into the world of logic! Understanding logic operators correctly

15. A great way to distinguish identifiers and fly around with JavaScript and jQuery!

16. Appear and disappear! Implementing a hide-and-seek content

17. JS Effect Methods That Bring Life to Web Pages

18. JavaScript & jQuery Effect Method Practical Skill Upgrade

19. Cast a spell to open a window on the web! Implementing a modal window [jQuery version]

20. Cast a spell to open a window on the web! Implementing a modal window [js es6 version]

21. Master of Order! Learn the array methods related to structure and order

22. Let's display menu content using the method that selects in order [jQuery version]

23. Let's display menu content using the method that selects in order [js es6 version]

24. Become a master of style and animation! Create dynamic content with the css() and animate() methods

25. Using arrays to create content that is easy to maintain

26. Realistic practical animation production practice

29. Web content that rotates like a carousel! Preview of the types of methods for creating a carousel and HTML structure creation

30. Creating a CSS Carousel Without JavaScript [CSS Version]

31. The power of jQuery! Easily create a carousel [jQuery version]

32. Want to create a carousel with just modern script? [js es6 version]

33. Who was the third man you met before? Part 1 | Practice Problem Solution

34. Try changing the color of the sweater you want to buy on the web shopping mall, Part 2 | Practice problem solution

35. Today is the day to check the health of the animals in Animal Farm, Part 3 | Practice Problem Solving

36. I will only choose on this condition! Using the JavaScript if statement

37. Implement by adding prev and next buttons to the carousel using jQuery [jQuery version]

38. Mastering the control key! Adding js prev and next buttons [js es6 version]

39. How to use arrays to manage data efficiently

40. Switch content with a click! Implementing the tab function [jQuery version]

41. tab contents [js es6 version]

42. Resizing Web Elements: Working with width and height [jQuery version]

43. Change the size of an element freely with JavaScript [js es6 version]

44. Create a coupon giveaway event using the if statement

45. Adjusting the size of an element using js [js es6 version]

46. Implement responsive content that changes the size of a carousel based on the device size using a script

47. The magic of the mouse wheel! Content that changes as you scroll

48. I know exactly where your mouse is! Real-time location tracking secrets

49. The power of scrolling! Animation that comes to life with mouse scrolling

50. Click once to move up! Move the image to the top by clicking a button

51. Win a coupon of fate! Issue a random coupon with JavaScript

52. Smoothly move content with the mouse wheel

54. My location is here! Controlling the page with the JavaScript location object

55. URL as you like! Implement page movement and refresh with the location object | Practice problem solution

56. Tick tock! Let's manage time by making a timer

57. Master the Time! Creating a Timer with JavaScript

58. Magic that spins on its own! Implementing an automatic Carousel

59. Let's explore the DOM! Selecting elements with Traversing methods [jQuery version]

60. Digging into the depth of DOM! Freely select elements with Traversing methods [js es6 version]

61. An event that spreads like bubbles! Everything about Bubbling [jQuery version]

62. Prevent bubbling [js es6 version]

63. Using the trigger() method to dynamically trigger events

64. Difference between on() method and bind() method

65. The magic of horizontal movement using scrolling on a horizontal web page! Kinderland Bumblebee Car Ride

66. Object Master! Using JavaScript Objects with Practical Examples

67. Create and destroy when needed! Managing dynamic elements of objects, constructor functions that create objects

68. Difference between global variables born in the global scope and local variables born in the local scope

69. Add and Remove DOM Elements to Control Web Pages

70. DOM at your fingertips! Modify and update elements with JavaScript

71. Style like a light switch! Easily toggle styles with toggleClass

72. Check the difference between on() and click() with an example [js es6 version]

73. Add and delete task check lists freely [jQuery version]

74. Creating a player that dynamically and freely controls videos

75. Make your website smarter! How to use jQuery plugins

76. Quick look at the different types of plugins

77. From notifications to confirmation! User interface handled by Dialog

78. The magic of pop-up windows! Implementing a dialog with JavaScript | Practice problem solving

79. A tooltip appears when you hover over the mouse! Deliver clean and intuitive information at a glance with a tooltip

80. The magic of auto-completion! Upgrading your search function with AutoComplete

81. See more plugins

82. Controlling YouTube videos using YouTube parameters

88. HTML and JavaScript meet! Getting started with React using JSX syntax

89. CSS-in-JS? Basic method of managing styles in React and installing extensions

90. Real-time bulletin board made with React! Managing posts with components

91. The first step to modularization! Exporting React components

92. The core of React! Passing data between components with props

93. Everything about dynamic state management! Building living apps with State

94. Member list at a glance! Efficient user list made with React

95. State and useState: Getting started with dynamic data and a preview of what's to come

96. React Member Management: Adding a New Member List

97. Components come to life! Controlling the React lifecycle with useEffect

98. Using useEffect Properly: Removing Repetitive Work and Effective Cleanup

99. Post Management Master! Edit, Delete and Date Display

100. Create a perfect bulletin board with post editing and deletion

101. Complete the bulletin board function

102. Member management processed at once! Create a perfect member list with editing and deletion

103. Member Functions

104. Sign up

105. Edit member information & remaining content

106. Styling in React! From CSS to CSS Modules to Styled-components

107. Fast and easy with Tailwind CSS! Utility class-based styling

108. Maximize memory efficiency! Optimize rendering with component memorization

109. Reduce the burden of re-rendering! How to use function memoization

110. Let's improve the performance of function execution! Optimizing with memoization

111. Breaking down the walls between components! How to share state with a global State

112. Click to switch pages! Easily connect links with React Router

113. There is data in my browser! Saving state with localStorage

114. From sign-up to login! Creating a user authentication system with React

115. Create a dynamic bulletin board that allows real-time posting, editing, and deletion of posts using React

116. A secure authentication system! Let's display login and logout status and implement permissions with React

117. Only I can edit and delete my posts, and the administrator should be able to see the entire member list!

118. Learn TypeScript in practice! Start with basic examples

119. Write safe code! Start with type checking with TypeScript

120. Communicate with API! Receiving JSON data with Axios

121. Create safe functional components with TypeScript! Setting up FC types

122. Todo List Implementation Completed with TypeScript