프로그래머스 데브코스 프론트엔드 3기 ✓ TIL DAY-3 🗓오늘은... 자료구조와 알고리즘에 대해 학습하였다. 본격적으로 알고리즘 학습에 들어가는 느낌이라 조금은 걱정이 되기도 한다. 그래도 같이 학습하는 동료들이 있어서 부담감이 많이 덜어지는 것 같다. 여담이지만 재밌는 일이 있었다. 실습으로 알고리즘 문제를 하나 풀어 제출했는데 계속 효율성 테스트에서 실패가 떴다. 다른 방법으로 해결한 뒤 문제풀이를 확인했는데 나랑 같은 풀이였다. 팀원들과 상의해야겠다고 생각하여 스크럼에서 같이 이야기한 결과 똑같이 작성한 코드로 다른 분들은 통과가 되었다.😂 (약간 억울했다.) 오늘 하루의 대부분을 연결리스트 과제와 이해에 시간을 쓴 것 같다. 또한 팀원 도움을 받아 연결리스트에서 막혔던 부분을 해결할 수 있었다..
프로그래머스 데브코스 프론트엔드 3기 ✓ TIL DAY-2 🗓오늘은... 어느 정도 슬랙이나 디스코드 그리고 데브코스 관련 자료들을 찾아보는데 익숙해진 것 같다. 두 번째 날인 오늘은 자바스크립트, 네트워크, 보안, 패러다임, 문자에 대한 다양한 내용들을 학습하였다. 독학하며 어떤 부분을 놓치고 있는지 또한 어떤 방식으로 개념에 접근하면 좋은지 느끼게 되었다. 기존에는 어느 정도까지 공부하면 좋을지 모호한 부분이 많았으나 강의를 통해 이런 부분이 많이 해소되었다. 빈 공간들을 조금씩 채워나가며 오늘 TIL도 정리해보려 한다. 새롭게 배운것 컴퓨터 시간의 표현 방법이 많았던 이유 단방향, 양방향 암호화의 원리 각 패러다임의 장점 정규표현식 캡쳐 왜 세션을 사용자 식별로 사용하지 않는지 Task queue,..
프로그래머스 데브코스 프론트엔드 3기 ✓ TIL DAY-1 📆 오늘은... 자율적으로 강의를 통해 학습하였다. 이번 강의에서는 다행히 한 번씩은 접해본 내용들이 강의에 나왔고 천천히 강의를 들으며 내가 놓치고 있던 부분이 있나 살펴보았다. 알고 있는 내용이라고 그냥 넘어가기보다 잘 이해하고 있는가에 초점을 맞춰서 정리하며 강의를 들었다. 자바스크립트의 메모리 구조에 대한 강의를 통해 힙과 콜스택이 무엇인지 새롭게 알게 되었다. 전에 학습해본적 있지만 잘 이해하지 못했던 렉시컬 환경, 클로저를 조금 더 깊게 찾아보며 정리해보았다. (아직 맥에 익숙하지 않아서 작성한 내용을 한번 날려버리긴 했지만😓..) 작은 숙제(var를 사용하지 않는 이유)도 있었는데 노션에 따로 정리하여 놓기로 하였다. 새롭게 배운것 ..
[JavaScript][프로그래머스] 기능개발 (LV.2) - 자바스크립트 문제 풀이 출처 https://school.programmers.co.kr/learn/courses/30/lessons/42586?language=javascript 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 들어가며 이전에 파이썬으로 풀이한 경험이 있어 그 풀이를 자바스크립트로 그대로 구현해보려고 하였고 큐(queue) 자료구조를 사용하였습니다. 문제 설명 프로그래머스 팀에서는 기능 개선 작업을 수행 중입니다. 각 기능은 진도가 100%일 때 서비스에 반영할 수 있습니다. 또..
[Python] 백준 알고리즘 온라인 저지 17298 오큰수 출처 https://www.acmicpc.net/problem/17298 17298번: 오큰수 첫째 줄에 수열 A의 크기 N (1 ≤ N ≤ 1,000,000)이 주어진다. 둘째 줄에 수열 A의 원소 A1, A2, ..., AN (1 ≤ Ai ≤ 1,000,000)이 주어진다. www.acmicpc.net 알고리즘 분류 자료 구조 스택 문제 크기가 N인 수열 A = A1, A2, ..., AN이 있다. 수열의 각 원소 Ai에 대해서 오큰수 NGE(i)를 구하려고 한다. Ai의 오큰수는 오른쪽에 있으면서 Ai보다 큰 수 중에서 가장 왼쪽에 있는 수를 의미한다. 그러한 수가 없는 경우에 오큰수는 -1이다. 예를 들어, A = [3, 5, 2, 7]..
React - input 상태 관리법 input 상태 관리 리액트에서는 input의 값을 사용하기 위해 state를 지정하고 변경 또한 이 state 값을 변경해서 사용해야 합니다. 위와 같은 기능을 하는 input 상태 관리 코드입니다. import React, { useState } from 'react'; function InputSample() { const [text, setText] = useState(''); const onChange = (e) => { setText(e.target.value); }; const onReset = () => { setText(''); }; return ( 초기화 값: {text} ); } input의 value가 변할 때마다 onChange 이벤트를 통해 ..
🚀 새로운 블로그로 이전했습니다.
살펴보러 가기
