전체 글80 [TIL] 230623 - 주특기 주차 시작, 리액트 강의 수강, 코드리뷰 특강, 스터디 오늘 한 것 - 주특기 주차 발제 - 리액트 입문 강의 수강 - 코드리뷰 특강 - 스터디 2023.06.23 - [이노베이션 캠프/[스파르타코딩클럽] 강의 정리] - [리액트 입문주차] 정리 (작성중) [리액트 입문주차] 정리 (작성중) 1-1 오리엔테이션 1. React란 무엇인가 - UI를 빌딩하기 위한 자바스크립트 라이브러리 - SPA 기반의 프론트엔드 프레임워크 중 하나 - 컴포넌트 단위의 독립적인 블록을 이용한 방법 - AngularJS, VueJS jwc406.tistory.com 2023. 6. 23. [리액트 입문주차] 1-1 오리엔테이션 ~ 1-4 CRA 1-1 오리엔테이션 1. React란 무엇인가 - UI를 빌딩하기 위한 자바스크립트 라이브러리 - SPA 기반의 프론트엔드 프레임워크 중 하나 - 컴포넌트 단위의 독립적인 블록을 이용한 방법 - AngularJS, VueJS 보다 월등한 인기 2. SPA(Single Page Application) - 한 개의 페이지로 이루어진 애플리케이션, M(Multi)PA과는 상반된 개념 - 애플리케이션과 비슷한 UX를 제공해줌 - 기존 문제의 문제점 : 페이지가 갱신될 때마다 리렌더링 발생 - 특징과 장점 > 딱 한 페이지로 구성된 웹 앱 > 서버에 1회 리소스 요청 > 그 이후에는 데이터만 받아와서 기존 페이지를 수정해주는 방식 - 단점 : SEO에는 약함 SEO(Search Engine Optimization.. 2023. 6. 23. [테스트] 230622 알고리즘 테스트 풀이 - Chapter 2 1. 하 문제 - 문자열 뒤집어서 순서대로 더하기 function solution(n) { let nums = String(n).split("").reverse(); let sum = 0; let result = ""; nums.forEach((e, i) => { result += e; sum += Number(e); if (i < nums.length - 1) result += "+"; else result += "="; }); return result + sum; } console.log(solution(718253)); 로직 1. 입력받은 숫자를 문자열로 바꾸어 문자 하나별로 나눠주고, reverse를 사용해 문자열을 앞뒤로 뒤집어 준 뒤 nums라는 새로운 배열로 저장합니다. 2. 덧셈 결과를 저.. 2023. 6. 23. [TIL] 230620 - 알고리즘 문제 복기, 블로그 포스팅, 스터디 오늘 한 것 (오전) - 프로그래머스 풀었던 문제 복기, 블로그에 포스팅 - 스터디 분량 미리 공부 오늘은 사정이 있어 오전만 참여했다 ㅠㅠ 2023.06.20 - [알고리즘/프로그래머스] - [프로그래머스] 이상한 문자 만들기 (JavaScript) [프로그래머스] 이상한 문자 만들기 (JavaScript) [프로그래머스] 이상한 문자 만들기 (JavaScript) https://school.programmers.co.kr/learn/courses/30/lessons/12930# 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 jwc406.tistory.com 2023.06.20 - [이노베이션 캠프/[스터디일지] 개인스터디] - [스터디] Week 1 -.. 2023. 6. 20. [스터디] Week 1 - 2 (230620) 사담 나는 스터디에서 진행하는 바닐라JS 강의를 약 2년 전에 챌린지를 통해 수강했던 경험이 있다. 평소에도 노마드코더 강의를 좋아해서 유료 강의도 결제해서 들었었다. 그래서 스터디에서 해당 강의로 진행하려고 하신다는 소식에 내심 반가웠다. 2년 전에 들을 당시에는 자바스크립트에 대해 아무것도 모르던 상태여서 이해하지 못하고 지나간 기억도 많았고, 무엇보다 다 까먹어버렸기 때문이다... 들어봤으니 적절한 진도도 조정할 수 있었고, 처음 하시는 스터디 조원분들께 조금이나마 도움도 드릴 수 있을것같아 좋았다. 이제 보니 시간이 메모장 기록이 전부 새벽이라 웃기다 ㅋㅋㅋㅋㅋ 저 때는 블로그나 노션에 기록할 생각도 못 해서 메모장에 기록해뒀던 기억이 난다. 아래 파일은 챌린지를 하며 기록했던 정리들인데 블로그에.. 2023. 6. 20. [스터디] Week 1 - 스터디 발제 (230619) 리액트 주특기 분들과 함께 캠프 공식 일정과 별개로 스터디를 진행하기로 하였다👏👏👏 그래서 개인 스터디에서 진행한 내용이나 강의 내용 정리 등을 기록해보려 한다. 우리 스터디에서는 우선 이번주 월~토 까지 노마드 코더의 ' 바닐라JS로 크롬 앱 만들기 ' 클론코딩 강의를 완강하고, 클론코딩 결과물을 가져오기로 했다. https://nomadcoders.co/javascript-for-beginners 프로그래밍 기초주차를 통해 배웠던 자바스크립트 기초를 활용해보기 위해 해당 강의를 선택했다. 이번주 금요일에는 이제 주특기 주차가 발제되는데 주특기 주차 발제 후에는 또 다른 계획을 짜서 스터디를 진행할 계획이다. 아래는 조원분들과 함께 짠 노션 계획표의 일부다. 대략적인 시간표와 참여 규칙, 강의 수강 일.. 2023. 6. 20. [프로그래머스] 이상한 문자 만들기 (JavaScript) [프로그래머스] 이상한 문자 만들기 (JavaScript) https://school.programmers.co.kr/learn/courses/30/lessons/12930# 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr https://school.programmers.co.kr/learn/courses/14743/14743-%EC%BD%94%EB%94%A9%ED%85%8C%EC%8A%A4%ED%8A%B8-%EC%97%B0%EC%8A%B5-%ED%9E%8C%ED%8A%B8-%EB%AA%A8%EC%9D%8C%EC%A7%91?itm_content=lesson.. 2023. 6. 20. [프로그래머스] 로또의 최고 순위와 최저 순위 (JavaScript) [프로그래머스] 로또의 최고 순위와 최저 순위 (JavaScript) https://school.programmers.co.kr/learn/courses/30/lessons/77484# 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 1. includes() 사용 풀이 (풀이 참고) function solution(lottos, win_nums) { let rank = [6, 6, 5, 4, 3, 2, 1]; let zero = 0, match = 0; lottos.forEach((e) => { if (e === 0) zero++; else if (win_.. 2023. 6. 20. [TIL] 230619 - 프로그래머스 문제 풀이 오늘 한 것 - 프로그래머스 챌린지 문제 풀이 3진법 뒤집기, 최소 직사각형, 같은 숫자는 싫어, 두 개 뽑아서 더하기, 로또의 순위 - 스터디 계획 세우기 2023.06.20 - [알고리즘/프로그래머스] - [프로그래머스] 로또의 최고 순위와 최저 순위 (JavaScript) [프로그래머스] 로또의 최고 순위와 최저 순위 (JavaScript) [프로그래머스] 로또의 최고 순위와 최저 순위 (JavaScript) https://school.programmers.co.kr/learn/courses/30/lessons/77484# 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개 jwc406.tistory.com 2023. 6. 20. [과제] 야구게임 (JavaScript) - Chapter 1 과제 안내 💡Goal : 숫자야구 프로그램 만들기 4인1팀에서 페어로 2인1팀으로 과제를 진행합니다. (5명 팀일 경우 2인1팀/3인1팀) 간단한 숫자야구 프로그램을 Java/JS로 만들어봅니다. 조건문, 반복문을 활용하여 해결합니다. 💡To do : 과제 조건 컴퓨터는 0과 9 사이의 서로 다른 숫자 3개를 무작위로 뽑습니다. (ex) 123, 759 사용자는 컴퓨터가 뽑은 숫자를 맞추기 위해 시도합니다. 컴퓨터는 사용자가 입력한 세자리 숫자에 대해서, 아래의 규칙대로 스트라이크(S)와 볼(B)를 알려줍니다. 숫자의 값과 위치가 모두 일치하면 S 숫자의 값은 일치하지만 위치가 틀렸으면 B 기회는 무제한이며, 몇번의 시도 후에 맞췄는지 기록됩니다. 숫자 3개를 모두 맞춘 경우, 게임을 종료합니다. 💡진행.. 2023. 6. 19. [WIL] Week 1 - 230612 ~ 15 프로그래밍 기초 1주차 회고 Fact : 이번주 있었던 일, 내가 한 일 Feeling : 나의 감정적인 반응, 느낌 Finding : 그 상황으로부터 내가 배운 것, 얻은 것 Future : 배운 것을 미래에 어떻게 적용할 것인가 Fact 0612(월) - Git 팀과제 풀고 제출하기 - 밍글 행사 - 자바스크립트 종합반 1주차 완강 - 자바스크립트 1주차 과제 1, 2 풀기 0613(화) - 자바스크립트 종합반 2주차 수강 - 야구게임 팀과제 풀어보기 0614(수) - 자바스크립트 종합반 2주차 수강 - 테스트 공부 0615(목) - 프로그래밍 기초1 테스트 - 야구게임 팀과제 제출 - 자바스크립트 종합반 2주차 완강 Feeling - 미니프로젝트가 끝난 뒤, 주말을 보내고 정말 첫 캠프의 시작인 주차에 접어들면서 기대 반, 걱.. 2023. 6. 19. [프로그래머스] 나누어 떨어지는 숫자 배열 (JavaScript) [프로그래머스] 나누어 떨어지는 숫자 배열 (JavaScript) https://school.programmers.co.kr/learn/courses/30/lessons/12910 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 1. forEach() 사용 풀이 function solution(arr, divisor) { let answer = []; arr.forEach((e) => { if (e % divisor === 0) answer.push(e); }); answer.length === 0 ? answer.push(-1) : answer.sort(.. 2023. 6. 18. 이전 1 2 3 4 5 6 7 다음
