본문 바로가기

반응형

전체 글

게시판 글쓰기 버튼 클릭 시 로그인 체크하기. 문제 코드 등록 등록버튼을 누르면 alert 없이 바로 로그인 화면으로 간다. 사용자 입장에서 놀랄 수 있다. 친절하게 알려줄 필요가 있다. 수정... 그러나 문제가 여전함 로그인 상태를 가져오고 싶은데 어떻게 해야할지 감이 안잡힌다. 쿠키를 가져와야할까, 세션을 가져와야할까? 현재 변수를 false로 설정해뒀기 때문에 글등록 버튼을 누르면 알림창이 무조건 뜨게 된다. 글등록 버튼을 누르고 확인버튼을 누르면 로그인 창으로 이동되는 건 성공적이다. 그러나 로그인을 하고 글등록을 누르면 여전히 로그인이 필요하다는 창이 뜨고... 확인을 누르면 로그인 화면으로 넘어간다. 로그인 상태를 어떻게 가져오느냐가 문제다. ajax를 사용해야하나? 고민해도 답이 안나와서 일단 잠을 자고 내일 다시 시도해보자. 더보기
수직 스크롤 발생 시 header 태그에 active 클래스 추가 및 삭제 수직 스크롤 발생 시 header 태그에 active 클래스 추가 및 삭제 코드 // 수직 스크롤 발생 시 header 태그에 active 클래스 추가 및 삭제 (function(){ const headerE1 = document.querySelector("header") window.addEventListener("scroll", function(){ this.requestAnimationFrame(scrollCheck); }); function scrollCheck(){ const browserScrollY = window.scrollY ? window.scrollY : window.pageYOffset; if(browserScrollY > 0){ headerE1.classList.add('activ.. 더보기
92일차 코딩학원(pandas, csv 문제. 특정 열 값을 추출하고 그래프로 출력하기) 능력단위 평가 판다스를 이용하여 외부 파일(sales_data.csv)을 읽어들이고, 해당 파일의 판매 데이터를 활용하여 시각화 결과가 나오게 구현하시오. 문제 풀이 import pandas as pd import matplotlib.pyplot as plt # CSV파일 불러오기 sales_data1 = pd.read_csv('./sales_data_.csv') # 각 열 출력하기 sales_data2 = sales_data1[['month', 'tv', 'laptop', 'phone']] print(sales_data2) # 각 열 추출하기 a = sales_data2['month'] print(a) b = sales_data2['tv'] print(b) c = sales_data2['laptop'].. 더보기
91일차 코딩학원 공부내용 정리 6/9 마지막 발표. 마무리가 되면 springboot 사용 연습함. [1, 1, 1, 2, 2, 2, 100] 처럼 데이터가 고르지 않을 때(너무 크거나 작은 값이 포함될 때) 평균보다 중간값이 유효하다. 데이터는 많으면 좋다. 새로운 column을 추가해보자. 실제 데이터 관리자들은 뻥튀기를 하기도 한다. 결과가 좋게 나오기 때문. 상관계수. 타이타닉호에 탄 사람들 중 1등석에 탄 사람들의 생존률은 상관관계가 있을까? 1등석과 생존율의 관계. 공분산은 관계의 방향(+, -, 0)만 알 수 있고 정도는 알 수 없다. 공분산을 보완하는 개념이 상관계수다. NaN값은 삭제하거나 치환하는 처리가 필요하다. 코드 Age_double 칼럼을 추가했다. column을 추가했다. drop()을 사용해.. 더보기
90일차 코딩학원 2023. 5. 31 공부내용 정리 1. 파이썬 Series 데이터 변경 연습 중. 2. DataFrame 데이터 보기. kaggle을 사용해서 데이터를 받아오자. 3. 타이타닉에 탑승했던 고객 명단 엑셀파일을 다운로드하고 코드를 실행한다. # data : https://www.kaggle.com/datasets/hesh97/titanicdataset-traincsv?resource=download&select=train.csv train_data = pd.read_csv('./sample_data/train.csv') # 런타임 이후에는 삭제됨 4. shape(), discribe(), info() 함수로 데이터 조작 가능. 5. 파이썬으로 Series, DataFrame 등을 사용하는 이유는 데이터를.. 더보기
파이썬 pandas.Series는 무엇인가? pandas의 Series Series는 pandas의 기본 객체 중 하나다. numpy의 ndarray를 기반으로 인덱싱 기능을 추가하여 1차원 배열을 나타낸다. index를 지정하지 않을 시, 기본적으로 ndarray와 같이 0-based 인덱스 생성한다. 지정할 경우 명시적으로 지정된 index를 사용한다. index는 기본적으로 0부터 자동으로 생성한다. pandas를 사용하는 이유 Pandas의 Series는 1차원 데이터 구조로, 인덱스와 값의 쌍으로 구성된 데이터를 저장하는 데 사용된다. Series는 파이썬의 리스트나 배열과 유사한 개념이지만, 더 많은 기능과 유연성을 제공합니다. 아래는 Series를 사용하는 이유에 대한 몇 가지 이유다. ①데이터 레이블링 - Series는 값에 인덱스를.. 더보기
89일차 코딩학원 코딩학원 공부내용 정리 1. 지금하는 개발자 풀스택 과정은 적어도 6년이 걸려야 숙달할 수 있는 내용으로 구성되어 있다. 지금 따라가지 않으면 나중에도 따라가지 못한다. 수업은 기본이고 개인적으로 심화학습을 해야한다. 쉬워보이는 것들도 내가 다 안다고 할 수 없다. 2. 지난 주 금요일 시험 문제를 잘못 풀었다. 문제 출제자가 메서드를 요구했다. 나는 메서드를 만든 것이 아니라 출력만했다. 문제 정의부터 꼼꼼하게 보자. 아래는 로또 번호 뽑는 메서드다. 1~45번까지의 숫자로 범위를 설정하고, 뽑혀 나오는 수는 6개, 중복 불가로 설정해준다. def generate_lotto_nums(): return np.random.choice(np.arange(1,46), size=6, replace=False) .. 더보기
동적 페이지 만들기. javascript 코드. 동적페이지 만들기 Javascript 코드 (function(){ const spanE1 = document.querySelector("main h2 span"); const txtArr = ['Web publisher', 'Front-End Developer', 'Web UI Designer', 'UX Designer', 'Back-END Developer']; let index = 0; let currentTxt = txtArr[index].split(""); console.log(currentTxt); function writeTxt(){ spanE1.textContent += currentTxt.shift(); if(currentTxt.length !==0){setTimeout(writeTxt, .. 더보기

반응형