- 전체보기(66)
- React(9)
- surfers(6)
- node.js(5)
- CSS(5)
- JavaScript(4)
- project(4)
- aws(4)
- vid+(3)
- http(3)
- mysql(2)
- workflow(2)
- 후기(2)
- Module(2)
- exports(2)
- input(2)
- Lint staged(2)
- 기획(2)
- email/password 유효성 확인(1)
- DNS(1)
- create react app(1)
- Sass(1)
- webpack(1)
- 무결성(1)
- express(1)
- ESLint(1)
- Prettier(1)
- refactoring(1)
- scss(1)
- github(1)
- v8(1)
- 비동기(1)
- ec2(1)
- url(1)
- Flex(1)
- TCP/IP(1)
- PCL(1)
- portfolio(1)
- style(1)
- 보안(1)
- 개발환경(1)
- SMTP(1)
- Telnet(1)
- 크롬V8(1)
- this(1)
- setting(1)
- closure(1)
- MIME(1)
- host(1)
- Prototype(1)
- 주니어 개발자(1)
- URI(1)
- nodemailer(1)
- asynchronous(1)
- ajax(1)
- chat(1)
- dotenv(1)
- 색상(1)
- Bundling(1)
- CLRF(1)
- 요소 가운데 정렬(1)
- position & transform(1)
- positon & margin(1)
- 기밀성(1)
- PIMS(1)
- 가용성(1)
- 정보보호관리체계(1)
- ISMS-P(1)
- ISMS(1)
- 시작(1)
- browser(1)
- ssl(1)
- server(1)
- Room(1)
- 동기(1)
- FTP(1)
- 설계(1)
- Husky(1)
- synchronous(1)
- UDP(1)
- crypto(1)
- Rollup(1)
- Request(1)
- Response(1)
- icon(1)
- toggle(1)
- grid(1)
- bundler(1)
- export default(1)
- export(1)
- module.exports(1)
- 우선순위(1)
- nodemon(1)
- git hooks(1)
- .env(1)
- bootstrap(1)
- Box Model(1)
- vi vim(1)
- ubuntu MySQL(1)
- MySQL 한글입력오류(1)
- 나(1)
- API문서(1)
- manifest.json(1)
- Hmac(1)
- 결제이의(1)
- 중복확인(1)
- Pop(1)
- Boards(1)
- MyRooms(1)
- source 명령어(1)
- 임시비번 발송(1)
- EIP(1)
- makeroom(1)
- Elastic IP(1)
- 인스턴스 삭제(1)
- 구성도(1)
- RDS삭제(1)
- 회원정보수정(1)
- 아쉬운 점(1)
- 커리어전환(1)
[CSS] 가운데 정렬 - table
CSS 가운데정렬 중 table속성을 이용한 정렬을 알아보자.table 속성을 이용하기 전 table 태그에 대해 알아보기 위해 아래의 코드를 작성했다.위 코드를 브라우저에서 확인해보았다. 아래사진처럼 cell1~4까지 가로로 정렬이 되어있으며 text는 가운데 정렬이
[CSS] inline(텍스트) 요소 가운데 정렬
가운데 정렬을 블로깅하는 김에 텍스트, 이미지와 같은 inline 요소들을 가운데 정렬하는 방법에 대해서도 정리를 하려고 한다.우선 텍스트가 있는 div를 하나 만든다.요소 내 inline요소를 가로 정렬하는 것은 간단하다.text-align을 center로 적용하면
CSS 가운데 정렬
레이아웃을 만들 때 매우 빈번하게 contents 가운데 정렬을 하게 된다.가로, 세로로 가운데 정렬을 하는 것은 방법도 매우 다양하고 상황에 따라 다르기 때문에 이참에 정리를 해두려고 한다.width, height 값을 알 때
ISMS (Information Security Management System)
ISMS(정보보호 관리체계): 정보의 기밀성, 무결성, 가용성을 실현하기 위한 일련의 정보보호 활동으로 1) 정보보호정책 수립 2) 정보보호관리체계 범위설정 3) 위험관리 4) 구현 5) 사후관리 5단계를 거쳐 운영이 되면 ISMS 인증기관 및 심사원에 의해 정보보호관
보안의 3요소
보안의 3요소로 정보의 기밀성, 무결성, 가용성이 있다.가용성(availability)자산이 적절한 시간에 인가된 당사자에게 접근 가능해야하는 것가용성의 위협요소: DoS/DDoS공격 등기밀성(Confidentiality)자산이 인가(authorization)된 당사자
브라우저(Chrome)와 Node.js 환경차이
브라우저: html, css, javascript를 실행하여 웹페이지에 렌더링하는 것이 목적Node.js: 서버개발환경을 제공하는 것이 주된 목적공통점 : 둘 다 ECMAScript(javascript)를 실행할 수 있다. V8엔진을 사용한다.참조: https
module
module이란 독립된 기능을 갖는 것들의 모임이라고 할 수 있다.node.js는 이러한 모듈을 3가지로 나눠 볼 수 있다.내부 모듈내부모듈은 node.js를 설치하면 기본적으로 제공되는 모듈이다.외부 패키지 모듈외부 패키지 모듈은 일반 node.js개발자들이 만들어놓
CSS & SCSS & SASS
CSS를 익히며 SCSS, 그리고 SASS라는 것에 대해 들어봤지만 왜 쓰는지 어떻게 쓰는지 차이는 무엇인지에 대해 정확히 알고 있지 않다가 이번에 정리를 해보려고 한다.결론은 SCSS와 SASS는 CSS를 쉽고 추가 기능도 있는 확장판정도로 생각하면 좋을 것 같다.그
[한 줄 용어] Bundling이란?
참조: https://haviyj.tistory.com/17영상: https://www.youtube.com/watch?v=U6BUs_n8WWk
CSS 색상
css 색상을 표현하는 3가지 방법색상명색상명을 쓴다.hexadecimal code (16진수 표현법)16진수를 사용하여 색상을 표현한다.
CSS 우선순위
스타일 적용 우선순위는적용방법(inline, tag) > 선택자종류(id, class) > 적용순서(나중에, 먼저) > 선택자 적용(class) > Element적용 > 상속 과 같다.<body>태그에 적용한 글자모양과 글자색상이 <h1>태그에 적용된다. h
URI & URL
웹개발 공부를 하면서 URL과 URI에 대해 자주 들었지만 둘 사이의 명확한 차이점을 알지 못해 정리를 해보게 되었다.결론부터 말하면 URI가 URL의 상위개념이며 공부를 하며 느낀 점은 URL이라고 부르기보다 URI로 부르는 게 좀 더 정확하지 않을까라는 생각이 들었
Protocol
인터넷을 기반으로 웹서비스만 이용되는 것은 아니다. 그 외에도 수많은 서비스들이 존재하며, 이러한 서비스들은 저마다 고유한 규약(Protocol)을 따르게 되어있다. TCP/IP : Transmission Control Protocol/Internet Protoco
[한줄용어] DNS
Domain Name System의 약자위의 그림과 같이 내 컴퓨터로 접근하고 싶은 곳의 주소를 알기 쉽게 바꿔주는 것192.0.43.7은 기억하기 어려우니까 DNS서버를 통해 icann.org로 쉽게 바꿔 연결하는 것 참조 : https://opentutor
[한줄요약] AJAX
Ajax(Asynchronous JavaScript and XML)는 자바스크립트를 이용해서 비동기적(Asynchronous)으로 서버와 브라우저가 데이터를 교환할 수 있는 통신 방식을 의미한다.찾아보니 두 줄짜린데 좀 어렵게 나와있다. 왜 이렇게 쓰는 걸까에 대해 생
[WEB] HTTP
인터넷에서 데이터를 주고 받을 수 있는 규칙여기까지만 이해하면 될 것 같다.요청 : 데이터 주세요client -> server : request응답 : 자 데이터server -> client : response이러한 응답과 요청을 일정한 규칙으로 통신하는데
여행
삶은 지도와 나침반이 없는 여행같다.여행 중에 어떤 것을 하고 싶거나 머물고 싶을 때도 있고 쉬고 싶을 때도 있다.어떨 땐 목적지도 뚜렷하지 않다.그래서 어디로 가야 할지 헤맬 때도 있고 가고 싶은 목적지로 가는 방법을 모르기도 하고 가기 어려울 것 같아 포기하기도 한