전체 글

AJAX란? Asynchronous Javascript And Xml(비동기식 자바스크립트와 xml)의 약자 자바스크립트를 이용해 서버와 브라우저가 비동기 방식으로 데이터를 교환할 수 있는 통신 기능 브라우저가 가지고있는 XMLHttpRequest 객체를 이용해서 전체 페이지를 새로 고치지 않고도 페이지의 일부만을 위한 데이터를 로드하는 기법 즉, 쉽게 말하자면 자바스크립트를 통해서 서버에 데이터를 비동기 방식으로 요청하는 것이다. 비동기방식이란? 비동기 방식은 웹페이지를 리로드하지 않고 데이터를 불러오는 방식이며 Ajax를 통해서 서버에 요청을 한 후 멈추어 있는 것이 아니라 그 프로그램은 계속 돌아간다는 의미를 내포하고 있다 동기방식의 예로 form 안에 action = "url" type = "ge..

사실 백엔드 용어와 프론트엔드 용어의 구분이 명확하진 않지만 내 나름대로 정리하는 것이 협업할 때도 많은 도움이 될 것 같다!  API(Application programming interface )백엔드랑 프론트엔드를 연결할 때 사용 규칙을 제공하는 것 !!   JSP(JavaServer Pages )  서블릿(Servlet / Java코드 안에 Html코드를 넣음)HTML 코드에 JAVA 코드를 넣어 동적웹페이지를 생성하는 웹어플리케이션 도구이다.JSP 가 실행되면 자바 서블릿(Servlet) 으로 변환되며 웹 어플리케이션 서버에서 동작되면서 필요한 기능을 수행하고그렇게 생성된 데이터를 웹페이지와 함께 클라이언트로 응답한다.JSP 문서는 HTML 태그 사이에 (스크립트릿 태그)를 추가하여 그 안에 ..

Alt L + Alt O : 실행 Alt + W : 태그 한번에 감싸기 Ctrl + S : 저장 Ctrl A + Ctrl K + Ctrl F : 코드 줄 정렬 (이런게 있었다니,,, 계속 tab 누르면서 수작업을 했던 내가 밉다) Ctrl + Shift + N : 새로운 비쥬얼 스튜디오 열기 (현재창 유지) Ctrl + N : 현재 창에서 새로운 편집 탭 열기 Ctrl + F : 검색기능 (원하는 코드명 찾을때) Ctrl + D : 일치 단어 선택 ※ Ctrl + D 단축키는 같은 단어를 모두 선택하는 것이 아니라, 단축키를 누를 때마다 같은 단어가 하나씩 추가로 선택됩니다. Ctrl +Shift + L : 한번에 일치 단어 선택 Ctrl + home: 페이지 맨 상단으로 이동 , Ctrl + End :..

프로젝트 시작하고 혼자 연습하던 습관대로 git push origin master로 했다가 master 브랜치가 생겨버리고 거기에 작업물이 올라갔다. 그래서 master 작업물 main으로 옮기기 !! master 작업물 main으로 옮기는 코드 git checkout master git branch main master -f git checkout main git push origin main -f ※ 주의 - main에서 작업한 내용은 삭제되고 master 작업물이 들어가는 것이다! 디폴트값으로 main 설정하기 git config --global init.defaultBranch main 그리고 master 브랜치 삭제하기 git push origin --delete master

드디어 git!! 모를 때마다 찾아보고 또 까먹고 찾아보고 까먹고 무한반복을 조금이라도 덜기 위해 git도 기록하기로 했다!! 1. git init -> git init은 새로운 git repository를 생성할 때 사용하는 명령어, git init 후 .git 이라는 파일이 생성된다. .git이 생성 되면 해당 프로젝트는 git으로 관리할 수 있다. * init한 것을 취소하고 싶을 때 $ ls-a // 모든 파일 조회하고 .git 파일 확인 $ rm -rf .git // .git 파일 삭제 명령어 2. git repository 생성 1. 2. 3. git remote add origin [github주소] 이렇게 하면 github에서 만든 레포지토리랑 프로젝트랑 연결된다. * remote 취소하고..

2진수 단위 숫자 2개 사용 0~1 8진수 단위 숫자 8개 사용 0~7 10진수 단위 숫자 10개 사용 0~9 16진수 단위숫자 16개 0~9, a~f 이 이야기가 8개의 숫자를 표현하려면 단위수가 8진수는 1단위가 2진수는 3단위가 필요하다는 뜻이다. 일반적으로 8개 단위의 비트(8bit)를 하나의 그룹으로 사용하는데 이를 바이트(Byte)라고 한다. 단위 바이트(B) 비트(b) 비트(bit) 1/8 바이트 1비트 바이트(Byte) 1 바이트 8 비트 1byte = 8bit 참고자료 유튜버 혼공 c언어 강의님 영상을 참고하였습니다. https://youtu.be/lFoqd5aNYlc

모든 네트워크 망에는 다양한 프로토콜이 존재한다. 프로토콜은 이런 네트워크 상에서 정해진 룰과 규칙 같은 것이다. 디바이스 간에 통신을 할 때 프로토콜, 룰과 규칙이 맞아야 데이터를 주고 받을 수 있다. 프로토콜 안에는 헤더와 같은 포맷이나 , 순서와 같은 규칙이 있다. 이것들이 지켜지지 않으면 통신이 잘 되지 않는다. application (응용 - 표현 - 세션계층 존재) → 클라이언트 서버 구조를 많이 잡음 HTTP → object로 구성 되어 있음 : html, image, audio 네트워크 통신을 잘 하기 위한 것 cs구조에서 씀 client에서 클릭하면 서버쪽으로 감 Non - persistent HTTP → state가 없는 상태에서 tcp 연결 → 하나의 tcp에 하나의 object만 연..

📌css - input 태그 안에 이미지 넣기 이런 식으로 input 태그 안에 img를 넣고 싶을 떈?? #login_box li:nth-child(1)>input{ background: url(../src/all_image/login_icon.png) no-repeat 5px center; background-size: 27px; padding-left: 40px; } css 에서 background속성에 url()적용하면 된다. img와 text사이에 여백을 주고 싶으면 padding - left에 값주기 input 안에 img를 넣은 것이기 때문에 padding값으로 여백을 줘야한다!! 그 외에 이미지 크기 background-size: 30px; 이미지 잘리지 않는 선에서 제일 크게 - cont..