양씨

2024. 2. 5 어캐어캐 하다가 개발자 취준생으로 첫번째 면접을 보았다 지금까지 무슨 무슨 활동들을 안한편은 아니라고 생각하기 때문에 긴장을 할거라 생각도 했지만? 생각보다 너무 긴장되는 일이었다,,. 점차 긴장을 풀어주셔서 긴장이 풀리긴 하지만 처음에는 손을 덜덜 떨었다는,,, 첫번째 면접을 기점으로 면접을 보고 나서 면접을 회고하며 cs 지식 공부와 면접 준비를 같이 해야겠다고 생각했고, 지금부터 쭉 이와 관련된 글을 쓰며 회고하려 한다. 면접을 처음 보고 나서 크게 느낀점은 딱 2가지다 1. 면접을 많이 봐서 경험을 쌓아야겠다 2. 현재 프론트엔드 쪽에 관심을 가지고 있어도 전체적인 cs 지식을 공부해야겠다 애초에 긴장 되긴 했지만 처음부터 꼬인? 면접이긴 했다. 나름 처음 면접이라서 어떤질문이..

OSI 7 계층이란? 네트워크 통신이 일어나는 과정을 7단계로 나눈 국제 표준화 기구(ISO)에서 정의한 네트워크 표준 모델 1계층 (물리계층) : 하드웨어, 데이터를 물리적인 전송매체(허브, 케이블)을 통해 전기 신호로 바꾸어줌 2계층 (데이터링크계층) : 물리적인 네트워크 사이에서 데이터 전송 3계층 (네트워크계층) : 데이터를 목적지까지 안전하게 빠르게 전달 4계층 (전송계층) : 두 지점까지 신뢰성 있게 데이터를 주고 받게 함 5계층 (세션계층) : 네트워크상 양쪽 연결을 관리하고 연결을 지속시켜줌 6계층 (표현계층) : 양쪽의 데이터 형식을 올바르게 지정 7계층 (응용계층) : 사용자와 직접 연결, 사용자로부터 정보를 입력받아 하위계층으로 전달하고, 하위계층에서 정보를 전달받아 사용자에게 전달 ..

항상 똑같은 실수를 여러번 하는 것 같다 리액트에서 버튼을 클릭하는 이벤트를 만들 때 onClick 안에 이벤트 핸들러 함수를 설정한다 하지만, 내가 생각하지 못한 무한 콜백오류가 뜨거나 작동이 안될 때가 있다 간단한 실수?이지만 간단한 문제를 자주 범해 글로 남겨 보려 한다 1. 잘못된 방법XXXXX import './App.css'; function App() { const test = () => { console.log('hi') } return ( 테스트 버튼 ); } export default App; 위 코드와 같이 onClick 이벤트 핸들러에 알림창을 띄우면 버튼을 누르지 않아도 랜더링 되는 순간 알림창이 뜬다 이는 리액트가 랜더링시 모든 함수를 실행시키기 때문이다. 버튼을 눌러서 작동되는..

지금까지 리액트를 이용하여 프로젝트 진행 경험이 여러번 있었다 다만, 나한태 왜 리액트를 이용해? 라고 물어본다면 2가지 정도의 답변을 할 것 같다 가장 많이 사용하니까,,? 이걸로 밥벌어 먹고 살아야하니까! -> 많은 기업에서 요구하는 스펙이다 솔직히 마음에 들지 않는 답변이다 따라서, 리액트란 무엇이고, 이걸 왜 사용하며, 특징 및 장점이 무엇인지 이번 글을 통해 다시 복기하려한다 먼저 리액트란 무엇인가? 리액트란 간단하게 자바스크립트 라이브러리 라고 간단하게 설명할 수 있다. 기본 html, css, js를 이용해서도 웹페이지를 개발할 수 있지만, 동적인 웹페이지를 보다 효율적으로 유지 보수하고 관리하기 위해 사용한다 리액트 외에도 vue, angular와 같은 자바스크립트 프레임워크가 있지만 이 ..

Recoil은 2020년에 Facebook에서 발표하였으며, React의 상태관리를 지원하는 유일한 상태 관리 라이브러리이다 redux toolkit만 사용하다가 새로운 프로젝트를 들어가며 새로운 상태 관리 라이브러리를 써보자 했다가 알아보았는데 사용법은 굉장히 간단한듯하다 요즘 블로그들을 보면 recoil을 사용하는 사람들이 어느정도 많이 있는것을 볼수 있는데 이는, 단순한 사용방법 React를 만든 Facebook에서 직접 만든 것이라 호환성이 좋다 정도로 볼 수 있을 것 같다 먼저, recoil을 사용하려면 //npm npm install recoil 로 설치를 해준다 Recoil을 사용하기 위해서는 애플리케이션의 최상위 컴포넌트에 컴포넌트를 사용해야한다. 따라서, index.js 에 다음과 같이 ..

문제설명 문자열 s에 나타나는 문자를 큰것부터 작은 순으로 정렬해 새로운 문자열을 리턴하는 함수, solution을 완성해주세요. s는 영문 대소문자로만 구성되어 있으며, 대문자는 소문자보다 작은 것으로 간주합니다. 제한사항 str은 길이 1 이상인 문자열입니다. 입출력 예 s return "Zbcdef" "gfedcbZ" 나의 풀이 function solution(s) { var answer = []; answer = s.split('').sort().reverse().join('') return answer; } 처음에 문제를 보고 어떻게 정렬 해야되나 고민했다 문자열의 비교에서 모든 문자는 utf-16을 사용해 인코딩됨 -> utf-16은 각 숫자와 매칭을 시켜준다 이는 곤, 비교 연산자를 사용해서..

문제설명 두 정수 left와 right가 매개변수로 주어집니다. left부터 right까지의 모든 수들 중에서, 약수의 개수가 짝수인 수는 더하고, 약수의 개수가 홀수인 수는 뺀 수를 return 하도록 solution 함수를 완성해주세요. 제한사항 1 ≤ left ≤ right ≤ 1,000 입출력 예 left right result 13 17 43 24 27 52 입출력 예 #1 다음 표는 13부터 17까지의 수들의 약수를 모두 나타낸 것입니다. 수 약수 약수의 개수 13 1,13 2 14 1,2,7,14 4 15 1,3,5,15 4 16 1,2,4,8,16 5 17 1,17 2 따라서, 13 + 14 + 15 - 16 + 17 = 43을 return 해야 합니다. 나의 풀이 function solu..

문제설명 정수를 저장한 배열, arr 에서 가장 작은 수를 제거한 배열을 리턴하는 함수, solution을 완성해주세요. 단, 리턴하려는 배열이 빈 배열인 경우엔 배열에 -1을 채워 리턴하세요. 예를들어 arr이 [4,3,2,1]인 경우는 [4,3,2]를 리턴 하고, [10]면 [-1]을 리턴 합니다. 제한조건 arr은 길이 1 이상인 배열입니다. 인덱스 i, j에 대해 i ≠ j이면 arr[i] ≠ arr[j] 입니다. 입출력 예 arr return [4,3,2,1] [4,3,2] [10] [-1] 나의 풀이 function solution(arr) { if(arr.length === 1)return [-1] var answer = []; var minNum = Math.min(...arr) answe..

문제설명 0부터 9까지의 숫자 중 일부가 들어있는 정수 배열 numbers가 매개변수로 주어집니다. numbers에서 찾을 수 없는 0부터 9까지의 숫자를 모두 찾아 더한 수를 return 하도록 solution 함수를 완성해주세요. 제한사항 1 ≤ numbers의 길이 ≤ 9 0 ≤ numbers의 모든 원소 ≤ 9 numbers의 모든 원소는 서로 다릅니다. 입출력 예 numbers result [1,2,3,4,6,7,8,0] 14 [5,8,4,0,6,7,9] 6 나의 풀이 function solution(numbers) { var answer = 0; for(var i=0; i cur + acc, 0); } 1-9까지의 수를 더한 수인 45에서 numbers의 모든 항목값을 reduce로 더한뒤 뺀다

문제설명 프로그래머스 모바일은 개인정보 보호를 위해 고지서를 보낼 때 고객들의 전화번호의 일부를 가립니다. 전화번호가 문자열 phone_number로 주어졌을 때, 전화번호의 뒷 4자리를 제외한 나머지 숫자를 전부 *으로 가린 문자열을 리턴하는 함수, solution을 완성해주세요. 제한사항 phone_number는 길이 4 이상, 20이하인 문자열입니다. 입출력 예 phone_number return "01023234444" "*******4444" "02774233" "****4233" 나의 답 function solution(phone_number) { var answer = phone_number.split('') for(var i =0; i i < phone_number.length-4 ? "*..