개발자 31

리액트로 깃허브 페이지 만드는 방법, 순서 되돌아보기

일단 완성된 깃허브 페이지 보러가기 클릭 예전에 jekyll theme을 사용해서 깃허브 페이지를 만들었었는데 이제 어느정도 html, css, js에 익숙해졌으니 내가 직접 만들어보자 해서 리액트로 웹 페이지 겸 포트폴리오를 만들게 되었다. 이용하기 편한 깃허브 페이지로! 리액트로 깃허브페이지 만드는 방법은 자세히 다른 분들이 적어주셨으니 내가 참고한 링크와 가장 어려웠던 문제만 리스트업하겠다. 내가 리액트로 깃허브 페이지 만든 순서 0. 웹 페이지 레이아웃 구성 및 디자인 - 레이아웃은 무조건 깔끔하게 하기로 했다. 일단은 정적 페이지로 하기로 결정했다. 성격상 개발하면서 추가하고 싶은게 계속계속 생기기 때문에 ㅋㅋㅋ 일단은 간단하게 기초공사하기로 굳게 다짐하고 시작했다. - 웹 페이지는 그냥 하나의..

JavaScript/React 2022.02.05

[도서 리뷰] 학교에서 알려주지 않는 17가지 실무 개발 기술 / 한빛 미디어

안녕하세요. 현재 1년차 신입 웹 개발자이자 2021년 한빛미디어 도서 서평단으로 선정된 테크시그널입니다. 오늘은 '학교에서 알려주지 않는 17가지 실무 개발 기술 '을 리뷰하겠습니다. 주요 내용 소프트웨어 기술: 문자열 인코딩, 난수, 범용 고유 식별자, 다국어 처리, 해시 함수, 날짜와 시간, 정규 표현식 데이터 처리 기술: JSON, YAML, XML, Base64, 프로토콜 버퍼, 데이터 압축 웹 기술: HTTP, RESTful API, HTTPS, OAuth 2.0 대상 독자 초보적인 코드 작성은 할 줄 알지만, 실력을 한 단계 업그레이드하고 싶은 개발자 실무에 필요한 기술이 무엇이 있는지 궁금한 학생 목차 일부분입니다. 예시 코드는 파이썬으로 작성되어있습니다. 책 제목에서부터 나와있듯 이 책은..

스터디, 읽기 2021.03.31

안드로이드 스튜디오로 계산기 만들기 중 어려웠던 점, 오류

인프런의 강좌를 따라하며 겪은 일들입니다. https://www.inflearn.com/course/%EC%95%88%EB%93%9C%EB%A1%9C%EC%9D%B4%EB%93%9C-%EC%8A%A4%ED%8A%9C%EB%94%94%EC%98%A4-%EC%95%88%EB%93%9C%EB%A1%9C%EC%9D%B4%EB%93%9C-%EC%95%B1-%EB%A7%8C%EB%93%A4%EA%B8%B0/lecture/ www.inflearn.com 1. RelativeLayout 설정해두고 저 자석 표시 disable해놨더니 요소들이 이동도 안되고 다 붙어버렸다. (ConstraintLayout으로 해두면 각 요소 간의 간격 같은걸 constraint로 잡아줘야함.) 2. palette에서 봤을 땐 분명 버튼 ..

Android 2020.12.21

[SK T Academy] Pandas 기본기 다지기 : 함수

DESCRIBE & AGGREGATE df.isnull() # 하는데 테이블이 클 수도 있으니까 df.isnull().any() # 를 사용해야함. (axis=0이 생략된 형태) df.isnull().any(axis=1) # row별로 df.isnull().any().any() 하면 DataFrame 전체 확인 가능 출처: tacademy.skplanet.com/live/player/onlineLectureDetail.action?seq=180#sec3 Pandas 기본기 다지기 | T아카데미 온라인강의 1. Pandas의 Series, DataFrame 에 대한 데이터 구조에 대해 알아봅니다. 2. Pandas의 데이터 입출력 방법과 데이터 핸들링 및 함수 기본 사용법에 대해 .. tacademy.sk..

Python 2020.12.17

JAVA 누적 방문자 수 체크

첫번째 방법: Filter를 이용하는 방법 1. filter를 상위 컨텍스트(root context)에 등록 2. delegating filter proxy를 web.xml에 등록 3. web.xml에서 등록된 filter-name을 id로 등록 이렇게 되면 filter proxy는 톰캣이 관리하지만 실제 필터는 스프링이 관리함 = Spring에서 모든 component를 인젝션 받을 수 있음. dao를 injection 받아 DB에 등록 두번째 방법: Logging Framework를 이용 1. log4j에서 getLogger 해서 로그를 찍곤 했는데, jdbcAppender를 사용하면 logger 메서드 중에 자동으로 DB에 로그를 찍어준다. 2. 이방법을 위해선 logger jdbcAppender와..

WEB Application 2020.11.18

추상 클래스로 view 만들기, properties 파일 사용해 폴더 위치 지정하기

jsp를 사용하는 이유가 '응답데이터를 html로 내보내기위해'인데 이 다운로드컨트롤러는 jsp를 사용할 이유가 딱히 없음. 그러니 MVC패턴에 맞도록 @RequestMapping("/board/download.do") public String download( @RequestParam(name="what", required=true) int att_no, Model model) throws IOException, ServletException{ AttatchVO attatch = service.download(att_no); model.addAttribute("attatch", attatch); return "downloadView"; ..

스프링 Spring 프레임워크 jUnit과 연동하기

junit으로 테스트할 땐 서버를 실행되지 않는다. 하지만 dao를 주입받아 쓰려면 컨테이너객체가 생성되어야함 => 서버를 돌리지 않은 상태에서 컨테이너 객체를 생성하게 하는 어노테이션: @ContextConfiguration 이때 형성되는 컨테이너: 애플리케이션 context. 테스트할 dao가 웹 어플리케이션 컨텍스트의 하위 객체가 되어야함. @WebApplicationConfiguration + test할때 자동 롤백되어야함 . => AOP 적용해 @Transactional을 넣어주자. 컨트롤러는 request가 있어야함. Mock 객체를 사용하면 Mock req, Mock resp 만들 수 있음. =>Spring의 MVC test module을 사용하면 됨 import static org.spri..

자바 Tiles 프레임워크 사용법과 특징

Tiles: view 단에서 페이지를 모듈화하는 과정에서 사용되는 프레임워크 - 원래는 InternalResouceViewResolver 만 썼었는데, Tiles를 사용하면 viewResolver를 여러개 쓸 수 있다. - Tiles는 Composite View Pattern을 사용한다. 1. tiles template 만들기 (design 을 갖고 있는 jsp) 2. insertAttribute . 그 세부 jsp들을 타일처럼 꽂아 넣어 3. definition이 최종적으로 뷰가 됨. xml에서 definition 만든다 http://tiles.apache.org/dtds/tiles-config_3_0.dtd preferences-> xml catalog에 이거 추가하삼 수정 전: ViewResolve..

WEB Application 2020.10.12