Written

Props 만약 어떤 물건을 주문제작하려고 하는 상황을 가정해보겠습니다. 그렇다면 내가 원하는 특별한 스펙들이 존재할테고, 물건을 만들어 주는 업체에서는 그러한 스펙을 전달 받아야만 그에 맞게 물건을 주문제작을 해줄 수 있습니다. 위의 예시에서 스펙에 해당하는 것을 리액트의 Props라고 생각하면 좋습니다. 사용하고자 하는 곳에서 스펙을 Props로 전달하면 제작하는 곳에서는 Props에 담긴 정보들을 이용해 사용자가 원하는 결과물을 전달해주기 때문입니다. Welcome이라는 함수 컴포넌트가 h1태그를 만들어줍니다.(화면에 렌더링 해준다는 의미입니다) 그런데 주문제작을 해줍니다. 사용자가 주는 정보를 받아서 (props와 children) 무엇을 전달받느냐에 따라 다른 물건을 만들어줍니다. APP 함수안..

IIFE (Immediately-invoked function expression) 위 처럼 함수를 괄호( )를 사용하여 감싼 후, 뒤에 ()를 붙이는 구문을 IIFE라고 합니다. 함수의 이름과()를 활용하여 호출을 해주지 않아도, 위 구문은 함수를 곧 바로 실행시켜줍니다. 보통 IIFE를 사용하는 경우는 위에서 구현한 함수 내용이 곧바로 실행되기를 바라거나 , 함수 안의 다양한 변수들이 블럭 바깥에 영향을 주지 않기를 바랄 때 사용합니다. 이처럼 블럭 밖에선 value에 접근할 수 없기때문에 값을 알지 못합니다 ! 추가로 맨앞에 세미콜론이 붙는 경우도 존재하는데, 이것은 여러 스크립트들이 호출되었을 때, 선행하는 다른 스크립트 블럭들과 충돌하지 않도록 구분자로 넣어주는 것입니다. 아래는 참조 블로그 u..

https://leetcode.com/problems/sqrtx/ Sqrt(x) - LeetCode Can you solve this real interview question? Sqrt(x) - Given a non-negative integer x, return the square root of x rounded down to the nearest integer. The returned integer should be non-negative as well. You must not use any built-in exponent function or o leetcode.com Example 1: Input: x = 4 Output: 2 Explanation: The square root of 4 is 2..

JavaScript를 공부하면서 느낀점 굉장히 유연하면서 편리한 점이 돋보이는 프로그래밍 언어라고 느꼈습니다. 또한 코드를 짜보다가 궁금한게 생기면 크롬창에서 개발자도구 콘솔창을 통해 직접 로그를 찍어보면서 공부를 할수 있는것도 굉장히 신선했습니다 :) 알고리즘 문제를 푸는데에 있어서도 기존에 사용했던 C++에 비해 단순하고 간결하다는 생각도 들었습니다. 비록 직접적인 메모리와의 상호작용이 없기 때문에 다소 추상적이고, 어떠한 동작의 예측이나 머리속에 구체적으로 그려지지 않는 부분은 이해하기가 오히려 더 어려울 때도 있었습니다. 하지만 nodeJS를 통해 서버에 대한 개발도 공부 해볼 수 있고 단순히 프론트엔드 분야에 국한되지 않고 다양한 분야에서 쓰이는만큼 가치가 굉장히 높은 언어라고 생각합니다. Ja..

https://leetcode.com/problems/binary-tree-inorder-traversal/submissions/905212431/ Given the root of a binary tree, return the inorder traversal of its nodes' values. => 이진트리의 루트노드가 주어졌을때 , 노드의 value값들을 중위순회하여 반환하는 문제입니다. Example 1: Input: root = [1,null,2,3] Output: [1,3,2] 재귀함수의 동작 방식에 대해서 잘 이해하고 있다면, 복잡하지 않게 풀어낼 수 있는 문제입니다. 중위순회의 정의대로 왼쪽 자식노드 -> 부모노드 -> 오른쪽자식노드순으로 val값을 찍어낼 수 있게끔 재귀함수를 이용하여 코..

https://leetcode.com/problems/reverse-integer/ Reverse Integer - LeetCode Reverse Integer - Given a signed 32-bit integer x, return x with its digits reversed. If reversing x causes the value to go outside the signed 32-bit integer range [-231, 231 - 1], then return 0. Assume the environment does not allow you to store 64-bit in leetcode.com 입력으로 주어지는 32비트 정수 x가 있습니다. 그리고 x를 뒤집은 숫자를 리턴합니다. 만약 x를..

https://leetcode.com/problems/add-binary/ Add Binary - LeetCode Can you solve this real interview question? Add Binary - Given two binary strings a and b, return their sum as a binary string. Example 1: Input: a = "11", b = "1" Output: "100" Example 2: Input: a = "1010", b = "1011" Output: "10101" Constraints: * leetcode.com a와 b로 주어지는 두 이진수의 덧셈을 다시 이진수로 출력하는 문제입니다. Example 1: Input: a = "11", b..

https://leetcode.com/problems/plus-one/ Plus One - LeetCode Can you solve this real interview question? Plus One - You are given a large integer represented as an integer array digits, where each digits[i] is the ith digit of the integer. The digits are ordered from most significant to least significant in left-to- leetcode.com 입력으로 주어진 배열을 하나의 정수처럼 보고 거기에 +1을 더한 후 그렇게 구한 값을 배열에 옮겨서 출력하는 문제였습니다...