전체 글 (853) 썸네일형 리스트형 [2023 신입부원 심화 스터디] 황현진 #1주차 - 기초문법 part.1 📌 변수와 상수 - 변수: 변경할 수 있는 값 let 변수명; // 변수 선언 변수명 = '황현진'; // 변수 값 초기화 let 변수명 = '황현진'; // 변수 선언과 동시에 초기화 ※ 변수 초기화시 주의할 점 : 변수를 먼저 선언한 후, 초기화를 따로 할 때 let을 한 번 더 쓴다면 값을 변경하는 것이 아니라 변수를 재할당하는 것이기 때문에 에러가 발생한다. - 상수: 변경할 수 없는 값 const 상수명 = 값; // 상수는 선언할 때 초기화도 같이 해주어야 한다. 상수명 = 123123; // 이러면 타입에러 발생(상수는 변경할 수 없기 때문) - 이름 규칙 변수나 상수 이름의 첫 번째 글자는 영어, $, _만 가능 (숫자로 시작하는 변수명은 허용되지 않는다.) 첫 번째 글자 이외에는 숫자도 .. [2023 신입부원 기초 스터디] 김승혁 #1주자 - HTML이란 2강. HTML이란? - 알아보기 Hyper Text Markup Language - 태그로 이루어진 markup 언어 -Hyper Link : 다른 웹문서로 이동하는 문서 연결 기능 -Markup : 웹문서에 마크, 태그 사용 -MTML Tag : 시작태그, 종료태그, 속성 ex) ~~~ -기본구조 : doctype, html, head, body -주석 : 3강. 코드 자동완성 Emmet emmet : html, css에 자동완성기능을 제공해 코드 작성시간 줄여줌(! + tab) 자식노드 형제노드 반복생성 아이디 클래스 컨텐츠 자동 넘버링 '>' 사용 '+'사용 '*' 사용 '#' 사용 '.'사용 '{}'사용 '$' 사용 ex) div>ul>li> + tab ex) div>ul> + ol+div + .. [2023 신입부원 심화 스터디] 박지민 #1주차 - 기초문법 part. 1 0. Java Script 권장 사용법 html 파일에 js 파일을 연결해야 함 body 태그 안에 사용하여 파일명 지정 1. 변수와 상수 - 변수: let 키워드 사용 let hi; // hi라는 변수 선언 let hi = "안녕하세요"; // "안녕하세요"라는 값으로 초기화 ------------------------------------------------------------- let hi = "안녕하세요" // 선언과 동시에 초기화 가능 hi = "안녕" // hi 값 변경 변수는 값을 변경하는 것은 가능하지만 다시 선언은 할 수 없다. - 상수: const 키워드 사용 const hello = "안녕하세요!!" 상수는 값을 변경하거나 다시 선언 X 반드시 선언과 동시에 초기화 해야함 - 변수.. [2023 신입부원 심화 스터디] 김윤희 #1주차 - 기초문법 part.1 1강 변수와 상수 변수 선언 방법 → let ex) let hi = ‘안녕하세요’ 출력 방법 → console.log(hi) 상수 선언 방법 → const (값 변경 불가) ex) const hello = “안녕하세요 상수는 선언할 때 값을 초기화를 해주어야함 ! 주의사항 변수나 상수 이름 첫 번째 글자는 영어, $, _만 가능! 숫자로 시작하는 변수명은 안됨 ! 첫글자 이외에는 숫자도 사용 가능 ! 영어 소문자와 대문자는 구별됨 let, const와 같은 js예약어는 사용 불가! 이름에 공백은 혀용되지 않음! → const사용을 추천 var → 변수의 중복을 제한하지 않아 에러가 발생하지 않음 ! 2강 원시 데이터 타입 원시데이터 : 객체가 아니면서 메서드도 가지지않는 데이터 const number =.. [2023 신입부원 심화 스터디] 신진욱 #1주차 - 기초문법 part.1 0. Java Script 사용법 - ~.js 파일을 만들고 html 파일의 body 태그 안에 작성 (권장 사용법) 1. 변수와 상수 - 변수: let 키워드로 선언 let hi = '신진욱'; // hi라는 변수에 '신진욱'이라는 값으로 초기화 hi = '이도해'; // hi값 변경 - 상수: const 키워드로 선언 const hi = "신진욱"; hi = "더엘리"; // 값을 변경하면 에러 // const로 선언된 상수 값은 변경할 수 없다. - 변수와 상수 이름 규칙 변수나 상수 이름의 첫 번째 글자는 영어, $, _ 만 가능 첫 글자 이외에는 숫자도 사용 가능 영어 소문자와 대문자는 구별됨 let, const와 같은 자바스크립트 예악어는 사용 불가 이름에 공백은 허용하지 않음 (Camel C.. [2023 신입부원 심화 스터디] 이정욱 #1주차 - 기초 문법 Part.1 1. 변수와 상수 - 변수: let이라는 키워드로 선언된다. let hi = '이정욱'; // hi라는 변수에 '이정욱'이라는 값으로 초기화 hi = '안녕하세요' // hi의 값을 변경 let hi = '정욱이' // 다음과 같이 let을 한번 더 쓰면서 재선언 하면 오류 발생 let을 통해 변수를 선언하게 되면 값은 재할당 할 수 있지만 재선언 할수는 없다. - 상수: const라는 키워드로 선언된다 const hello = "안녕하세요!!"; hello = '니하오"; // 다음과 같이 값을 바꾸어 주면 오류 발생 const를 통해 상수를 선언하게 되면 값을 바꿀 수 없다. -변수 이름 규칙 변수나 상수 이름의 첫 번째 글자는 영어, $, _ 만 가능 첫 글자 이외에는 숫자도 사용 가능 ex) _1.. [2023 신입부원 심화 스터디] 조현상 #1주차 - 변수와 상수 선언 자바스크립트 스터디 시작~! 자바 언어라고 하면 String name; char c; int number; boolean b; ... 과 같이 데이터 타입을 선언해줘서 각자 데이터 타입의 맞게 만들어줬어야 했다. 하지만 자바스크립트는 달랐다. //int형 const age = 20; //String형 const name = "조현상"; //배열 const Array = [1,2,3]; .. 데이터 타입의 상관 없이 const 와 let 으로 선언할 수 있었다. const와 let의 차이는 const name = "조현상"; name = "현상"; //error const로 선언하면 선언 이후 저장된 값을 바꿔줄 수 없다. 우리는 이것을 상수라고 부르기로 했다. 하지만 let은 let age = 20; a.. [2023 알고리즘 스터디] 2조 박주빈 5주차 - 백준 23882, 10989, 2751, 11650 FOSCAR 알고리즘 스터디 5주차 2조 블로깅 백준 23882번 : 알고리즘 수업 - 선택 정렬 2 https://www.acmicpc.net/problem/23882 23882번: 알고리즘 수업 - 선택 정렬 2 첫째 줄에 배열 A의 크기 N(5 ≤ N ≤ 10,000), 교환 횟수 K(1 ≤ K ≤ N)가 주어진다. 다음 줄에 서로 다른 배열 A의 원소 A1, A2, ..., AN이 주어진다. (1 ≤ Ai ≤ 109) www.acmicpc.net # a: 배열 크기 k: k번째 교환 a, k = map(int, input().split()) # 배열 int형으로 저장 num_list = [int(i) for i in input().split()] num_list_sorted = sorted(num.. [2023 알고리즘 스터디] 4조 이은선 5주차 - 백준 2075 우선순위 큐를 이용한 정렬 문제 입력 5 12 7 9 15 5-> 15 12 9 7 5 13 8 11 19 6-> 19 13 11 8 6 21 10 26 31 16-> 31 26 21 16 10 48 14 28 35 25-> 48 35 28 25 14 52 20 32 41 49 -> 52 49 41 32 20 다음과 같은 5X5 입력이 주어졌을 때, 5번째로 큰 수를 찾기 위해서 일단 입력 받은 줄별로 내림차순 정렬을 진행해보았다. 하지만, 5번째로 큰 수를 찾기 위해선 맨 마지막 줄에 있는 수들끼리만 비교하면 될게 아니라 필요에 따라선 그 위에 줄의 숫자도 함께 비교하며 N번째로 큰 수를 찾아나가야 한다. 그렇다고 해서 세로 방향으로는 정렬된 상태로 입력 받은 수들을 몽땅 하나의 리스트에 넣고 재정렬시.. [2023 알고리즘 스터디] 1조 정혁제 5주차 - 정렬 1. 단어정렬(1811) https://www.acmicpc.net/problem/1181 1181번: 단어 정렬 첫째 줄에 단어의 개수 N이 주어진다. (1 ≤ N ≤ 20,000) 둘째 줄부터 N개의 줄에 걸쳐 알파벳 소문자로 이루어진 단어가 한 줄에 하나씩 주어진다. 주어지는 문자열의 길이는 50을 넘지 않는다. www.acmicpc.net 강의를 참고하여 정렬 식을 사용해 풀어보았으나, 시간 초과의 문제로 다른 방법을 찾아보았습니다. 파이썬에 기본적으로 탑재되어있는 set, sort 함수를 이용해서 풀었습니다. 2. 수 정렬하기2(2751) https://www.acmicpc.net/problem/2751 2751번: 수 정렬하기 2 첫째 줄에 수의 개수 N(1 ≤ N ≤ 1,000,000)이 주.. [2023 React.js 스터디] 이지원 #3주차 - 2장. 리액트 컴포넌트 스타일링하기(1~4) / 4장. API 연동하기 (1) 1. Sass Sass는 CSS pre-processor 로서, 복잡한 작업을 쉽게 할 수 있게 해주고, 코드의 재활용성을 높여줄 뿐 만 아니라, 코드의 가독성을 높여주어 유지보수를 쉽게해준다. Sass 에서는 두가지의 확장자 (.scss/.sass) 를 지원한다. sass 예시 $font-stack: Helvetica, sans-serif $primary-color: #333 body font: 100% $font-stack color: $primary-color scss 예시 $font-stack: Helvetica, sans-serif; $primary-color: #333; body { font: 100% $font-stack; color: $primary-color; } SASS 사용 예시 Sa.. [2023 React.js 스터디] 유승우 #4주차 - React Router v6 1. 라우팅이란? 웹 애플리케이션에서 라우팅이라는 개념은 사용자가 요청한 URL에 따라 알맞은 페이지를 보여주는 것을 의미한다. 리액트 라우터를 사용하여 라우팅 시스템을 구축하면 손쉽게 싱글 페이지 애플리케이션을 만들 수 있다. 2. 싱글 페이지 애플리케이션이란? 한 개의 페이지로 이루어진 애플리케이션이라는 의미이다. 만약 싱글 페이지 애플리케이션에서 다른 페이지로 이동하게 된다면 서버에 다른 페이지의 HTML을 새로 요청하는 것이 아닌 브라우저의 History API를 사용하여 브라우저의 주소창의 값만 변경하고 기존의 웹 애플리케이션은 그대로 유지하면서 라우팅 설정에 따라 또 다른 페이지를 보여주게 된다. 3. 리액트 라우터 적용 및 기본 사용법 프로젝트를 생성 후 리액트 라우터 라이브러리를 설치하면 .. [2023 알고리즘 스터디] 3조 박제형 5주차 - 정렬 21강 선택정렬 정렬 알고리즘 정렬(Sorting)이란 데이터를 특정한 기준에 따라 순서대로 나열하는 것 일반적으로 문제 상황에 따라서 적절한 정렬 알고리즘이 공식처럼 사용된다. 선택정렬 처리되지 않은 데이터 중에서 가장 작은 데이터를 선택해 맨 앞에 있는 데이터와 바꾸는 것을 반복 array = [7, 5, 9, 0, 3, 1, 6, 2, 4, 8] for i in range(len(array)): min_index = i # 가장 작은 원소의 인덱스 for j in range(i+1, len(array)): if array[min_index] > array[j]: min_index = j array[i], array[min_index] = array[min_index], array[i] # 스와프 p.. [2023 알고리즘 스터디] 3조 선병범 4주차 - DFS & BFS 알고리즘 DFS 깊이 우선 탐색 자료라고도 부르며 그래프에서 깊은 부분을 우선적으로 탐색하는 알고리즘이며 스택 자료구조를 아용한다. DFS의 구체적인 탐색 과정은 1. 탐색 시작 노드를 스택에 삽입하고 방문 처리를 합니다. 2. 스택의 최상단 노드에 방문하지 않은 인접한 노드가 하나라도 있으면 그 노드를 스택에 넣고 방문 처리합니다. 방문하지 않은 인접 노드가 없으면 스택에서 최상단 노드를 꺼냅니다. 3. 더 이상 2번의 과정을 수행할 수 없을 때까지 반복합니다. BFS 너비 우선 탐색 자료라고도 부르며 그래프에서 가까운 노드부터 우선적으로 탐색하는 알고리즘이며 큐 자료 구조를 이용한다. DFS의 구체적인 탐색 과정은 1. 탐색 시작 노드를 큐에 삽입하고 방문 처리를 합니다. 2.. 큐에서 노드를 꺼낸 뒤에 해당.. [2023 알고리즘 스터디] 2조 김준명 4주차 - 백준 1388 2606 1260 11725 DFS(Depth-First Search) ○ DFS는 깊이 우선 탐색이라고도 부르며 그래프에서 깊은 부분을 우선적으로 탐색하는 알고리즘입니다. ○ DFS는 스택 자료구조(혹은 재귀함수)를 이용하며, 구체적인 동작 과정은 다음과 같습니다. 1. 탐색 시작 노드를 스택에 삽입하고 방문 처리를 합니다. 2. 스택의 최상단 노드에 방문하지 않은 인접한 노드가 하나라도 있으면 그 노드를 스택에 넣고 방문 처리합니다. 방문하지 않은 인접 노드가 없으면 스택에서 최상단 노드를 꺼냅니다. 3. 더 이상 2번의 과정을 수행할 수 없을 때까지 반복합니다. ★더 자세한 내용은 아래의 동영상 참조 [이것이 코딩 테스트다 with Python] 18강 DFS 알고리즘 - YouTube BFS(Breadth-Fi.. [2023 알고리즘 스터디] 5조 #4주차 - DFS & BFS 알고리즘 FOSCAR 알고리즘 스터디 4주차 5조 블로깅 - 이승찬 13913 숨바꼭질 4 - 코드 리뷰 박병규 알고리즘 분류 : 그래프 이론, 그래프 탐색, 너비 우선 탐색 문제 링크 https://www.acmicpc.net/problem/13913 13913번: 숨바꼭질 4 수빈이는 동생과 숨바꼭질을 하고 있다. 수빈이는 현재 점 N(0 ≤ N ≤ 100,000)에 있고, 동생은 점 K(0 ≤ K ≤ 100,000)에 있다. 수빈이는 걷거나 순간이동을 할 수 있다. 만약, 수빈이의 위치가 X일 www.acmicpc.net 풀이 BFS를 사용하여 풀었습니다 queue에 position과 cost값을 저장해두고 방문하지 않은 position에 대해 다음 풀이를 진행할 수 있도록 하였습니다. x-1, x+1, x.. [2023 알고리즘 스터디] 4조 변준형 4주차 - 백준 7562 BFS(Breadth First Search, 너비우선탐색) 루트 노드에서 시작해서 인접한 노드를 먼저 탐색하는 방법 탐색을 할 때 너비를 우선으로 탐색. 즉 가까운 것 위주로 탐색한다. 이러한 특징때문에 최단경로를 찾는 문제에서 주로 사용. 자료구조 큐(Queue)를 사용함. 문제링크 https://www.acmicpc.net/problem/7562 7562번: 나이트의 이동 체스판 위에 한 나이트가 놓여져 있다. 나이트가 한 번에 이동할 수 있는 칸은 아래 그림에 나와있다. 나이트가 이동하려고 하는 칸이 주어진다. 나이트는 몇 번 움직이면 이 칸으로 이동할 수 www.acmicpc.net 문제설명 나이트가 이동 가능한 좌표를 dx, dy의 형태로 만들어줍니다. 이동할 때 마다 방문 횟수에 1을 더합니.. [2023 알고리즘 스터디] 1조 김동훈 4주차 - 백준 1388 2606 1260 2644 https://www.youtube.com/watch?v=1vLqC1rItM8&list=PLVsNizTWUw7H9_of5YCB0FmsSc-K44y81&index=18 # DFS(Depth-First Search) 깊이 우선 탐색: 그래프에서 깊은 부분을 우선적으로 탐 # 스택(혹은 재귀함수) 이용 ''' 1. 탐색 시작 노드를 스택에 삽입하고 방문 처리 2. 스택의 최상단 노드에 방문하지 않은 인접한 노드가 하나라도 있으면 그 노드를 스택에 넣고 방문 처리. 방문하지 않은 인접 노드가 없으면 스택에서 최상단 노드 꺼냄 3. 더 이상 2번의 과정을 수행할 수 없을 때까지 반복 ''' def dfs(graph, v, visited): # 현재 노드를 방문 처리 visited[v] = True print(v,.. [2023 React.js 스터디] 동승환 #2주차 - 1장. 리액트 입문(10-16) 10. useRef 로 특정 DOM 선택하기 javaScript에서 특정 DOM 을 선택할 때 getElementById, querySelector 와 같은 DOM Selector 함수를 사용해서 DOM 을 선택하듯이 리액트에서는 ref 라는 것을 사용한다. 함수형 컴포넌트에서는 useRef 라는 Hook함수를, 클래스형 컴포넌트에서는 콜백 함수 또는 React.createRef 라는 함수를 사용한다. import React, { useState, useRef } from 'react'; function InputSample() { const [inputs, setInputs] = useState({ name: '', nickname: '' }); const nameInput = useRef(); con.. [2023 React.js 스터디] 임혜진 #2주차 - 즐거운 수강신청 사이트 만들기~ React.js 스터디 2주차 과제는 수강신청시즌에 걸맞는 '즐거운 수강신청 사이트 만들기' .. ! 즐거웠..나 문제는 크게 3개로 이루어져 있다. 1. 작성된 useEffect 함수를 참고하여 정상적으로 남은 시간이 돌아가도록 작성하시오. const timer = useRef(null); const [time, setTime] = useState(10); useEffect(() => { timer.current = setInterval(() => { console.log('1초마다 실행'); setTime((time)=>(time-1)) }, 1000); return () => clearInterval(timer.current); }, []); useEffect(() => { // time이 변할 때.. [2023 알고리즘 스터디] 2조 이현규 3주차 - 백준 25501, 11866, 17478, 17608 FOSCAR 알고리즘 스터디 3주차 2조 블로깅 스택과 큐 자료구조 그래프 탐색 알고리즘 : DFS/BFS 탐색(Search)이란 많은 양의 데이터 중에서 원하는 데이터를 찾는 과정 대표적인 그래프 탐색 알고리즘에는 DFS와 BFS가 있음 DFS와 BFS는 코딩 테스트에서 매우 자주 등장하는 유형이므로 반드시 숙지해야 함 스택 자료구조 먼저 들어온 데이터가 나중에 나가는 형식(선입후출)의 자료구조 입구와 출구가 동일한 형태로 스택을 시각화 할 수 있음 큐 자료구조 먼저 들어온 데이터가 먼저 나가는 형식(선입선출)의 자료구조 큐는 입구와 출구가 모두 뚫려있는 터널과 같은 형태로 시각화 할 수 있음 재귀 함수 재귀함수 재귀 함수(Recursive Function)란 자기 자신을 다시 호출하는 함수를 의미 단.. [2023 알고리즘 스터디] 4조 안수빈 3주차 - 백준 10994, 6603, 10799, 13335 스택 & 큐 그래프 탐색 알고리즘 탐색이란? - 많은 양의 데이터 중 원하는 데이터를 찾는 과정 대표적 그래프 탐색 알고리즘 : DFS / BFS 자료구조 - 스택 자료구조 : 먼저 들어온 데이터가 나중에 나가는 형식(선입후출)의 자료구조 입구와 출구가 동일한 형태로 스택을 시각화 가능 삽입과 삭제, 두 연산으로 구성됨 - 큐 자료구조 : 먼저 들어온 데이터가 먼저 나가는 형식(선입선출)의 자료구조 입구와 출구가 모두 뚫혀 있는 터널과 같은 형태로 시각화 가능 (python의 경우) deque 라이브러리 사용 - 효율적인 방법 재귀함수 재귀함수란? - 자기 자신을 다시 호출하는 함수 ※ dfs를 구현할 때 자주 사용되는 방법 중 하나 ★ 재귀함수의 종료 조건을 반드시 명시해야함. 종료 조건을 제대로 명시.. [2023 알고리즘 스터디] 3조 성동현 3주차 - 백준 2161, 11866, 10994, 6603 탐색이란 많은 양의 데이터 중에서 원하는 데이터를 찾는 과정을 말합니다. 그 중 예시를 들 그래프 탐색이란 하나의 정점으로부터 시작하여 차례대로 모든 정점들을 한 번씩 방문하는 것을 얘기하는데 대표적인 그래프 탐색 알고리즘으로는 DFS와 BFS가 있습니다. 깊이 우선 탐색이라고 불리우는 DFS와 너비 우선 탐색이라고 불리우는 BFS는 코딩 테스트에서 매우 자주 등장하는 유형이므로 숙지하여야 합니다. 스택 자료구조 먼저 들어 온 데이터가 나중에 나가는 형식(선입후출)의 자료구조입니다. 입구와 출구가 동일한 형태로 스택을 시각화할 수 있습니다. 큐 자료구조 먼저 들어 온 데이터가 먼저 나가는 형식(선입선출)의 자료구조입니다. 큐는 입구와 출구가 모두 뚫려 있는 터널과 같은 형태로 시각화 할 수 있습니다. 재.. [2023 알고리즘 스터디] 1조 김예진 3주차 - 백준 25501, 17608, 2161, 17478 3주차 알고리즘 스터디 스택 & 큐 https://www.youtube.com/watch?v=7iLoLcna7Hw&list=PLVsNizTWUw7H9_of5YCB0FmsSc-K44y81&index=16 재귀 함수 https://www.youtube.com/watch?v=gFpKGWdEE5g&list=PLVsNizTWUw7H9_of5YCB0FmsSc-K44y81&index=17 그래프 탐색 알고리즘 : DFS/BFS -탐색이란 많은 양의 데이터 중에서 원하는 데이터를 찾는 과정 -대표적인 그래프 탐색 알고리즘으로 DFS와 BFS가 있음 -두 가지는 코딩 테스트에서 매우 자주 등장하는 유형이므로 반드시 숙지해야한다. 스택 자료구조 -저 들어 온 데이터가 나중에 나가는 형식(선입후출)의 자료구조 -입구와 출구.. [2023 알고리즘 스터디] 5조 #3주차 - 스택, 큐 FOSCAR 알고리즘 스터디 2주차 5조 블로깅 뱀 - 코드 리뷰 이진호 문제 링크 https://www.acmicpc.net/problem/3190 2138번: 전구와 스위치 N개의 스위치와 N개의 전구가 있다. 각각의 전구는 켜져 있는 상태와 꺼져 있는 상태 중 하나의 상태를 가진다. i(1 < i < N)번 스위치를 누르면 i-1, i, i+1의 세 개의 전구의 상태가 바뀐다. 즉, 꺼져 www.acmicpc.net 풀이 구현에 이용된 자료구조는 큐입니다. 맵을 탐색할 때는 뱀이 현재 진행하는 방향으로 탐색하는것이 중요합니다. 큐에서 머리의 좌표를 꺼낼 때마다 시간을 비교하여 방향을 변환하고 자신의 몸이나 벽을 만나면 시간을 반환합니다. import sys from collections import.. 이전 1 ··· 27 28 29 30 31 32 33 ··· 35 다음 목록 더보기
