성연커밋 : )

props는 컴포넌트 속성을 설정할 때 사용하는 요소 props값은 해당 컴포넌트를 불러와 사용하는 부모 컴포넌트에서 설정할 수 있다. 즉, 상위컴포넌트의 데이터를 하위컴포넌트에서 사용. (ex) App 컴포넌트가 부모컴포넌트) EX) App.js import './App.css'; // import { Component } from 'react'; import React from 'react'; import MyComponent from './MyComponent'; const App = () =>{ return } // const App = () => //위와 아래는 같은 의미를 나타냄. export default App; MyComponent.js import React from "react"; c..

Forms를 설치하면서 이와 같은 오류가 떴다. Forms 설치를 하기 전 사전 작업으로 WEBLOGIC이 설치되어야했는데, WEBLOGIC설치를 할 때의 ORACLE_HOME의 경로는 /home/oracle/Oracle/Middleware/Oracle_Home 이었으나, Forms를 설치하면서 Oracle_Home경로는 경로가 달랐다. 경로를 재설정해주니, 설치가 잘 되었다.

생활코딩 React강의를 따라하던 중, TOC의 변화가 없는데, 계속 TOC가 render이 되는 모습을 콘솔로 확인할 수 있었다. 이러한 것을 해결하기 위해서 shouldComponentUpdate(nextProps, nextState)를 사용한다. shouldComponentUpdate()를 사용하면 state 또는 props의 변화가 컴포넌트의 출력 결과에 영향을 미치는 여부를 React가 알 수 있다. shouldComponentUpdate()는 props 또는 state가 새로운 값으로 갱신되어서 렌더링이 발생하기 직전에 호출된다. 기본값은 true! 만약 false라면? 갱신되어도 렌더링 발생x shouldComponentUpdate 메소드는 성능을 최적화하기 위한 것! 강의를 들으면서 따라하..

캡스톤 프로젝트를 위해, 먼저 파이썬으로 인스타그램을 크롤링 할 것이다. 인스타그램을 크롤링 하는 이유는 보통 나이키에서 응모가 이루어지는데, 나이키 매장마다 응모 정보들을 인스타그램에 주로 올리기 때문에, 어플로 한번에 보기 쉽게 하기 위해선 크롤링을 할 것이다. 최종 코드는 다음과 같다. #-*ccoding:utf-8-*- from typing import List from selenium import webdriver from urllib.request import urlopen from selenium.webdriver.common.keys import Keys from bs4 import BeautifulSoup import datetime import pandas as pd import fir..

주제 선정 최근들어 패션산업의 발전으로 인해 한정판 의류를 응모하는 사람들이 늘어났다. 그러나 각 사이트마다 응모 방식이 달라, 여러곳에서 따로따로 해야하는 불편함이 있기 때문에, 한번에 응모가 가능하도록 중개 어플을 개발하려고 한다. 회원가입 -> 이름, 생년월일, 주소, 연락처 등 정보게시판 -> 응모 방법 및 꿀팁 정보 게시 (관리자가 게시하는 곳) 자유게시판 -> 커뮤니티처럼 회원들과 소통을 할 수 있도록 가격측정게시판 -> 알림기능 -> 당첨 미당첨 알림 및 응모 기간 시간 알림 을 목표로 어플을 제작할 것이다.

Props는 Component외부에서 쓰이고, State는 내부에서 쓰인다. Props는 읽기만 가능하며 State는 수정이 가능하다. (setState) Component는 props와 State에 영향에 따라 주체가될것이고, 실제 웹브라우저의 html 즉 dom에 영향을 준다. porps와 state의 차이점 상위컴포넌트가 하위컴포넌트로 어떤 데이터를 전달할 때는 props를 사용한다. = > props drilling이 발생할 수 있다. 하위컴포넌트는 상위 컴포넌트의 prps값을 바꿀수 없으므로 이벤트를 사용한다. state는 현재 컴포넌트에서 사용하는 상태이다! 이 state를 다른 컴포넌트로 넘기고 싶을 때 사용하는 것이 props이다.

우리 팀은 save_energy이다. 팀 이름대로 전기를 아끼고 싶어서 만든 프로젝트이다. 주제 선정 멋쟁이 사자처럼 해커톤 아이디어 주제는 save_energy이다. 전기를 아끼는 목적을 가지고 시작하였다. 우리는 전기요금 고지서를 보면 가끔 어디서 이렇게 많이 사용하였을까? 라는 생각이 든다. 직접 계산을 하기 위해 인터넷에 검색해보면 계산 공식이 너무 복잡하고, 모르는 용어가 너무 많아 어려움을 겪어, 조금 더 쉽게 알아보자는 의미로 제작하였다. 주 기능은 소비/대기전력 계산, 차트 관리, 커뮤니티 (글쓰기 CRUD) 후원하기 (전기 관련 사이트로 바로가기) 회원가입 및 로그인 이벤트성 배경 및 문구 전환 이다 팀 프로젝트 후기를 한 번 써보고자 한다. 멋쟁이사자처럼 동아리 활동으로 인해 아이디어톤..

프로젝트를 하면서, 회원별로 월별 사용량 차트를 기록했다. 회원별이므로 마이페이지에서 볼 수 있도록 구현하였다. 차트는 부트스트랩을 이용하였다. 코드는 다음과 같다. // 차트 그리기 var ctx = document.getElementById('myChart'); var myChart = new Chart(ctx, { type: 'bar', data: { labels: ['1월', '2월', '3월', '4월', '5월', '6월', '7월', '8월', '9월', '10월', '11월', '12월'], datasets: [{ label: '# 월별 사용량', data: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12], backgroundColor: [ 'rgba(255, 99,..

회원들과 소통을 할 수 있도록 커뮤니티 게시판을 만들었다. 커뮤니티는 작성페이지, 목록페이지, 상세페이지 세 부분이 된다. 먼저, 커뮤니티 클래스를 만들어, 작성자, 날짜, 내용을 입력할 수 있도록 할 것므로 아래와 같이 django안에 models를 만들어주었다. community models.py class Community(models.Model) : author = models.CharField(max_length=60, default='') # 작성자 title = models.CharField(verbose_name='TITLE',max_length=200) # 제목을 가져온다 date = models.DateTimeField('DATE PUBLISHED', default=timezone.no..

팀 프로젝트를 구현하면서 지구의 날인 4월 22일을 기억하자는 의미를 가지고 시간과 해당 날에 특별한 이벤트를 주기로 하였다. 구현한 코드는 다음과 같다. setInterval(function () { var time = new Date().getHours() >= 12 ? "PM " : "AM " time += new Date().getHours() >= 13 ? new Date().getHours() - 12 : new Date().getHours(); time += " : " + new Date().getMinutes(); // time += new Date().getHours() + ":" + new Date().getMinutes(); // 13~24시 표현 document.getElementB..