profile
어제의 나보단 나은 오늘의 내가 되기를
post-thumbnail

Pseudo-class, CSS 아키텍처

CSS 의사 클래스(가상클래스, pseudo class)는 선택자에 추가하는 키워드로, 선택한 요소가 특별한 상태일 때 만족한다.선택하고자하는 HTML 요소의 특별한 '상태(state)'를 명시할 때 사용pseudo class 셀렉터를 붙이면 여러 상태에 따른 스타일을

2021년 5월 11일
·
0개의 댓글
post-thumbnail

레이아웃 만들기

전체적으로 모든 요소를 담는 큰 박스를 하나 만들어라전통적으로 class명은 wrap, container을 씀div 는 block 태그이기 때문에 한 줄에 한 태그씩 표현되는데 이것을 옮기려면?방법 : float : left 를 이용한다.박스 두 개를 각각 왼쪽으로 정

2021년 5월 9일
·
0개의 댓글
post-thumbnail

animation UI, 애니메이션 UI

animate란 특정 CSS 속성을 변경하기 위해서 사용하는 함수.변경이 되는 모습, CSS 속성이 변화하는 모습을 천천히 보여주고 싶을 때 사용한다.$('.box').animate({ marginLeft : '100px' }, 1000);.box 요소에 margin-

2021년 5월 6일
·
0개의 댓글
post-thumbnail

if/else 조건문

특정 조건을 충족시켰을 때만 코드를 실행하고 싶을 때 쓸 수 있는 문법부등호 기호들이 들어갈 수 있다.== (느슨한 비교) : 데이터 타입이 같지 않아도 형변환 시키고 값이 같으면 참으로 판정=== (엄격한 비교) : 데이터 타입과 값이 다 같아야 참으로 판정조건식 안

2021년 5월 3일
·
0개의 댓글
post-thumbnail

jQuery

jQuery CDN 검색 후 사이트 접속https://code.jquery.com/minified 버전 사용uncompressed : 일반 버전minified : 공백문자 제거 버전slim : 일부 기능 삭제 버전script 추가할 땐, body태그의 가장 아

2021년 4월 30일
·
0개의 댓글
post-thumbnail

Bootstrap

프론트엔드 component를 모아놓은 라이브러리https://getbootstrap.com/4.x버전을 선택하여 Starter template 복사해서 사용하도록 함CDN 방식으로 빠르게 Bootstrap을 설치하는 방법팝업 느낌을 주는 UIHTML/CSS로

2021년 4월 30일
·
0개의 댓글
post-thumbnail

React 설치와 개발환경 셋팅

node.js 는 최신버전 (14이상)을 설치할 것일부 윈도우 환경에서는 최신 버전이 아닐경우 첫 리액트 프로젝트 생성이 안됨.옛날에 node.js 설치했었어도 삭제 후 최신 버전으로 다시 설치할 것설치 폴더는 C드라이브로 그대로 두고 다음 버튼 눌러 설치 진행choc

2021년 4월 26일
·
0개의 댓글
post-thumbnail

회원 관리 예제 - 웹 MVC 개발

참고 : 컨트롤러가 정적 파일(ex, index.html)보다 우선순위가 높다.(resources/templates/members/createMemberForm)회원가입을 들어가면 members/new로 들어온다 (get방식으로 그냥 들어옴) → createForm()

2021년 4월 11일
·
0개의 댓글
post-thumbnail

신입 개발자 - 기술 면접 정리

https://www.notion.so/017e5acacd4e4dbab6c412001b5310c9기술 면접 관련하여 위 노션페이지에 정리를 해두었습니다.velog로 다 옮기고 싶었으나 notion을 이용하는게 제 눈엔 좀 더 보기 편한 것 같아 앞으로도 계속

2021년 4월 11일
·
0개의 댓글
post-thumbnail

스프링 빈과 의존관계

회원 컨트롤러가 회원서비스와 회원 리포지토리를 사용할 수 있게 의존관계를 준비하자.스프링을 시작할 때 스프링 컨테이너라는 통이 생기는데 거기에 @Controller 어노테이션이 있는 클래스는 객체를 생성해서 넣어두고 관리를 해준다.Controller, Service,

2021년 4월 11일
·
0개의 댓글
post-thumbnail

회원관리예제 - 백엔드개발

데이터: 회원ID, 이름기능: 회원 등록, 조회아직 데이터 저장소가 선정되지 않음(가상의 시나리오)컨트롤러: 웹 MVC의 컨트롤러 역할, API만들 때 컨트롤러 역할서비스: 핵심 비즈니스 로직 구현 (ex, 회원은 중복가입이 안된다. 등)비즈니스 도메인 객체를 가지고

2021년 4월 9일
·
0개의 댓글
post-thumbnail

스프링 웹 개발 기초 - 웹을 개발하는 3가지 방법

정적 컨텐츠서버에서 하는것 없이 파일을 그대로 웹 브라우저에 내려주는 것MVC와 템플릿 엔진가장 많이 하는 방식JSP, PHP - 소위 말하는 템플릿 엔진 : HTML을 서버에서 데이터를 가져와 동적으로 바꿔서 만드는 것Model, View, Controller ⇒ M

2021년 4월 8일
·
0개의 댓글
post-thumbnail

할일이 산더미다. 나태해지지말자...!

5.5개월간의 국비과정이 끝난지도 벌써 2주가 훌쩍 넘었다. 과정을 시작할 당시엔 오지 않을 것만 같았던 수료날이 생각보다 빠르게 와버려서 당황스럽다.뭔가 남은것은 많은데 내 머릿속에 들어찬 개념들은 그렇게 단단하지 못한 것 같다는 이 찝찝함....그래서 다시 재정비를

2021년 4월 8일
·
0개의 댓글
post-thumbnail

Spring Boot 프로젝트 환경설정하기

IntelliJ 설치JAVA 11 설치Spring InitializrSpring Boot 기반으로 Spring 관련 프로젝트를 만들어주는 사이트MavenGradle요즘 추세는 Maven → GradleMain VS TestTest요즘 개발 트렌드에서는 test code

2021년 4월 8일
·
0개의 댓글
post-thumbnail

자료구조와 알고리즘

자료구조, 데이터 구조, Data Structure대량의 데이터를 효율적으로 관리할 수 있는 데이터의 구조를 의미코드상에서 효율적으로 데이터를 처리하기 위해, 데이터의 특성에 따라, 체계적으로 데이터를 구조화해야 함어떤 데이터 구조를 사용하느냐에따라, 코드의 효율이 달

2021년 4월 7일
·
0개의 댓글
post-thumbnail

IT 웹 개발 분야 - SI, SM, Solution

5.5개월의 국비 과정이 끝난 후 본격적인 취준에 들어가려니....웹 개발 분야를 지칭하는 단어들이 너무나도 익숙치 않아서 정리를 해보려한다.요구사항 분석, 분석/설계, 개발, 테스트, 검수 예제 : 은행권에서 진행하는 은행시스템 구축 프로젝트와 같이 대형 프로젝트

2021년 3월 28일
·
0개의 댓글
post-thumbnail

URI / URL / URN

URL, URI, URN 개발을 시작 하기전부터 종종 들었던 단어지만 정확한 차이점을 알지 못했다.웹 개발 공부를 하다보니 수업중 강사님이 URL이라고 할 때, URI라고 할 때가 구분되어 있었지만 내가 얼핏보기엔 그게 그건데...? 할 때가 많아 정리를 해 보려 한다

2021년 3월 10일
·
0개의 댓글