티스토리

기록하는 개발자

검색하기

블로그 홈

기록하는 개발자

dev-tip.tistory.com/m

colin2 님의 블로그입니다.

구독자: 2

방명록 방문하기

주요 글 목록

[정처기] UML 다이어그램 총 정리 럼바우(Rumbaugh) 객체지향 분석 기법 (객체 모델링 기법) 객체 모델링(정보 모델링) 시스템에서 요구되는 객체를 찾아내어 속성과 연산 식별 및 객체들 간의 관계를 규정하여 객체를 다이어그램으로 표시동적 모델링제어 흐름, 상호작용, 동작 순서 등의 상태를 시간 흐름에 따라 상태 다이어그램으로 표시기능 모델링여러 프로세스 간의 자료 흐름을 표시어떤 데이터를 입력하여 어떤 결과를 가져올 수 있을지를 표현 UML (Unified Modeling Language) 객체지향 소프트웨어 개발 과정에서 시스템 분석, 설계, 구현 등의 산출물을 명세화, 시각화, 문서화 할 때 사용하는 모델링 기술과 방법론을 통합하여 만든 범용 모델링 언어 UML 소프트웨어에 대한 관점기능적 관점(사용 사례 모델링): 사용자 측면.. 공감수 0 댓글수 0 2025. 4. 10.
[정처기] OSI 7 Layer 총 정리 OSI 7 LayerOSI 7 계층 Layer 7응용 계층(Application Layer)FTP(20/21), SSH(22), Telnet(23), SMTP(25), DNS(53), HTTP(80), POP3(110), IMAP(143), SNMP(161), HTTPS(443)* 네트워크 가상 터미널이 존재하여 서로 상이한 프로토콜에 의해 발생하는 호환성 문제를 해결하는 계층* 최종 단계의 데이터 단위: 전문(Message)Layer 6표현 계층 (Presentation Layer)* 응용 프로세스 간에 데이터 표현상의 차이에 상관없이 통신이 가능하도록 독립성을 제공하는 계층* 데이터의 코드 변환, 데이터 압축, 암호화 등의 수행을 통해 응용 계층의 부담을 덜어줌Layer 5세션 계층 (Sessio.. 공감수 1 댓글수 0 2025. 4. 3.
[키보드] 간편 휴대 가능 로우프로파일 키보드 | 에포메이커 카본60 | EPOMAKER Carbon60에포메이커 카본60 에포메이커의 스플릿65를 사용하면서 에포메이커의 도각도각 스위치 소리에 빠져버렸다. 그런 고로 오늘 소개할 키보드는 에포메이커의 키보드 중 휴대성을 극대화시킨 CARBON60 키보드이다. 브랜드: EPOMAKER모델: Carbon60레이아웃: 60% ANSI US 레이아웃키 수: 61 키연결: Type-C 케이블, 2.4GHz, 블루투스 5.0호환성: 맥/WIN/리눅스배터리: 3000mAh배터리 수명: 백라이트가 켜진 상태 - 23.6 시간, 백라이트가 꺼진 상태 - 176.4 시간케이스 소재: 탄소 섬유전면 높이: 22.5mm뒤쪽 높이: 26.7mm플렉스 컷: 플렉스 컷 없음판 재료: 탄소 섬유소음 감쇠: 3 층: 샌드위치 패드, 스위치 패드, 바닥 폼.. 공감수 3 댓글수 6 2025. 3. 29.
2025 정보처리기사 1차 실기 접수 성공 2025년 3월 24일부터 정보처리기사 1차 실기 접수가 시작되었다. 필기 때 접수 날짜를 생각 못하고 있다가 나중에서야 하느라 마감된 곳이 많았던 것을 생각해서 미리부터 준비하려다가 더 당황하는 순간이 있었지만, 늦지 않게 준비를 해서 제 시간에 접수를 시작할 수 있었다. 실기 접수 시작원하는 장소를 찾는 것까지는 대기가 필요하지 않았으나, 원하는 곳을 선택하자마자 대기가 시작되었다. 대기 인원에 비해 순탄하게 예상대기시간이 줄어들어서 이정도면 양호하다는 잘못된 생각을 했더랬다. 결제하기 처음 접수 후 '결제하기' 전까지 10분도 걸리지 않았기 때문이다. 하지만 대기의 시작은 바로 이 결제였다. 아래 사진에 나와있지만 수많은 실패 팝업들을 보며 결제기한에 나와있는 35분이 지나버렸다. 결제기한이.. 공감수 0 댓글수 4 2025. 3. 25.
2025 정보처리기사 1차 실기 접수 시간이 10시?! 오늘이 바로 정보처리기사 실기 접수 날이다. 이전에 확인했을 때 분명 정보처리기사 자격증의 실기 접수는 3월 24일 14시 인 것으로 알고 있었지만, 12시가 되기 전 미리 한 번 들어가 보았다.그런데 이렇게 원서접수 접수 시간 안내에 기술자격 기사 접수 시간이 오전 10시부터라고 되어 있는 것이 아닌가..! 당황스러운 마음에 얼른 약관에 동의하고 접수하기 버튼을 눌렀다. 기초정보 입력 부분에서는 따로 수정하지 않고 다음 버튼을 눌렀다. 당황.. 기사는 나오지 않고 정보처리산업기사만 나오고 있었다. 그런데 다른 종목의 기사 자격증은 응시가 가능한 상태인 듯 해서 더욱 당황.. 했는데, 정신 차리고 다시 보니 자격 선택 단계에서는 기사의 접수 시간이 14시로 되어 있었다.. 아니 원서접수에서 응시시.. 공감수 0 댓글수 0 2025. 3. 24.
[키보드] 2025 제 2회 서울 기계식 키보드 박람회 SMKX 방문 후기 올해들어 키보드의 도각도각 소리에 점점 빠져들기 시작하면서 아키페에 대해 알게 되었지만, 아쉽게도 이미 끝이 난 이후였다. 하지만 운이 좋았던 건지, 서울 기계식 키보드 박람회가 3월에 한다는 것을 알게 되었다. 키보드 보다는 스위치와 키 캡을 더 보고 싶어서 박람회를 다녀오게 되었다. 박람회는 2025년 3월 21일(금)부터 3월 23일(일)까지 진행이 되었다. 티켓은 옐로우 티켓과 블루 티켓, 2가지 종류가 있었는데, 처음 가는 박람회이고 래플도 어떤 식으로 진행되는지 모르니 옐로우 티켓으로 구매를 했다. 주말에는 사람이 더 많아질 것 같아서 아예 날을 잡아 21일 금요일에 방문을 하게 되었다.운영 시간3월 21일 13:00 ~ 19:003월 22일 10:00 ~ 18:003월 23일 10:00 ~ .. 공감수 2 댓글수 4 2025. 3. 23.
[키보드] 기계식 키보드의 시작 | 키크론 K6 Pro Keychron K6 Pro키크론 K6 Pro지금보다 한참 키알못이었을 때, 지인을 통해 알게 된 첫 기계식 키보드가 바로 '키크론'의 K3였다. 그때는 그저 그렇게 넘어갔지만, 시간이 흘러 키보드에 관심을 가지게 되면서 처음으로 구매해본 키보드가 키크론의 K8 Pro. 그러면서 새삼 알게 된 것은 여짓 내가 사용했던 키보드는 PC방에 가지 않는 이상에야 로우프로파일이었다는 것이다. 키캡의 높이가 이렇게까지 타건에 영향을 끼친다는 것을 그때 처음 알게 되었더랬지. 그렇게 시간이 지나 이번에 소개할 키보드는 키크론의 K6 Pro이다. 제품명 - Keychron K6 Pro브랜드 - 키크론옵션 - 알루미늄 RGB LED키 배열 - 65% 미니 배열스위치 - 키크론 K-PRO 기계식 스위치(적축/청축/갈축)멀.. 공감수 1 댓글수 2 2025. 3. 20.
[키보드] 쪼개진 키보드?! | EPOMAKER Split65 | EPOMAKER Split65에포메이커 스플릿65 아니, 키보드가 쪼개졌다고?! 키보드를 보고 처음 든 생각은 그저 신기하다였지만, 처음의 느낌보다 직접 타건을 하면서 깨달은 것들이 정말 많은 키보드였다. 키보드는 우리의 전체 손가락을 활용할 수 있도록 구성이 되어 있다. 오랜 시간 키보드를 사용해왔지만, '제대로' 타건하고 있지 않았던 나를 되돌아 보고 바로 잡아가고 있다. 키보드가 분리되어 있으니 두 하우징을 벌려서 어깨가 편하게 타건을 할 수가 있다. 거기에 도각도각 타건음에 홀딱 빠져들게 만든 에포메이커의 스플릿65 키보드, 제대로 알아 보자. Product Name - Split65Key position - ANSI 65% (68 Key + 1 Knob)Color - Gradient blu.. 공감수 0 댓글수 0 2025. 3. 17.
[키보드] 저소음 로우프로파일 한성 GK698 저소음 로우프로파일 한성 GK698팬타그래프 키보드 이 아이를 구매하기 전, 기계식 키보드를 써보겠다고 키크론 K8 Pro를 구매해서 써보았는데, 당시 키보드에 크게 관심이 없던터라 체리 프로파일에 적응도 못하고, 무려 다이소에서 로우프로파일처럼 보이는 키보드를 구매했더랬다. 근데 막상 열어보니 그냥 키캡이 네모난 거였고, 그냥 놓고 쓰기에 괜찮을 풀배열 로우프로파일을 찾다가 이 친구를 알게 되었다. 그동안 써본 것 중에 맥북 노트북이 가장 좋았기에 팬타그래프 키보드라는 것이 더 장점으로 생각이 되었다. 레트로와 머랭 중에 고민을 하다가 머랭으로 골랐는데 받아보니 더욱 잘 골랐구나 싶었다. 기계식 키보드가 아니다보니 구성품이 아주 깔끔한데다, 키스킨이 구성에 포함되어 있어 저소음의 끝을 향해 간다. 비닐.. 공감수 3 댓글수 2 2025. 3. 14.
[시험] 비전공자 정보처리기사 필기 3주 합격 후기 [정보처리기사 자격증 취득 요건]학력 응시4년제: 졸업 또는 4학년1학기 이상 재학/휴학/제적졸업/재학/휴학/수료/제적증명서 중 택13년제: 졸업 후 1년 실무 경력졸업증명서+경력(재직)증명서2년제: 졸업 후 2년 실무 경력졸업증명서+경력(재직)증명서경력 응시동일 직무 분야에서 4년 이상 실무경력경력(재직)증명서기능사 취득후 3년 실무경력경력(재직)증명서+자격증 사본산업기사 취득 후 1년 실무경력경력(재직)증명서+자격증 사본기타 응시학점인정법률의거 106점 이상 취득한국교육개발원에서 발급한 학점인정증명서 과정평가형으로 정보처리산업기사 자격증까지는 취득했지만, 2년제 예체능 비전공자인 나는 정보처리기사 자격증을 취득하지 못하는 줄 알고 생각하지도 않고 있었다.그런데 이제야 알고보니 정보처리기사는 IT가.. 공감수 0 댓글수 0 2025. 2. 21.
[스프링부트] 타임리프 CSS 적용이 갑자기 안 될 때 [문제]스프링부트 프로젝트의 resources - static - css 폴더 안에 style.css 파일이 들어있고, 분명 잘 적용이 되고 있었던 CSS가 '어느 순간'부터 로그인을 하지 않았을 때, 아주 베이직해졌다. 찾아보니 보통 시큐리티가 추가되면서 CSS의 적용이 되지 않는다는 글들이 보였다. 내 경우에는 시큐리티를 적용한 것은 아니었으나, 세션의 값을 확인하는 코드의 중복을 줄이기 위해 Interceptor 파일을 만들고, Config 파일에 제외할 경로를 추가하면서부터였다. 분명 resources 아래의 전체를 제외한다고 명시해둔 것 같아 괜찮겠거니 생각했는데, 적용이 되지 않는 것이었다. 제대로 적용이 됐다면 아래 사진처럼 보여야 하는데, 로그인을 하지 않으면 아래 사진처럼 css 파일이 .. 공감수 0 댓글수 0 2024. 12. 31.
[깃허브] .DS_Store 파일이 도대체 뭘까? 삭제 방법까지 깃허브에 업로드를 할 때 .DS_Store 파일 때문에 푸시하는 순간 약간의 문제가 생겼던 적이 가끔 있었다. 사실 푸시하는 순간이 작업의 마무리 단계이다 보니 얼른 푸시하고 쉬어야지 하는 생각을 하는 경우가 많았고, 그렇게 그냥 넘어온게 벌써 지금이 되었다. 이번에 또 오랜만에 이 파일 때문에 덜컥하게 되었고, 이제는 알아볼 때가 되었다 싶었다. .DS_Store 의 역할macOS에서 Finder(파일 탐색기)가 생성하는 숨겨진 파일로, 디렉토리의 메타데이터를 저장하는 역할. 파일에 포함되는 정보디렉토리 내 아이콘의 위치아이콘 정렬 순서뷰 설정(예: 목록 보기, 격자 보기 등)기타 Finder 관련 설정 macOS에서 디렉토리를 열 때 자동으로 생성되기 때문에 의도하지 않게 생성되는 경우가 있는 것... 공감수 3 댓글수 3 2024. 12. 26.
[스프링부트] 타임리프에서 자바스크립트 onclick 사용할 때 스프링부트 타임리프에서 자바스크립트를 사용해본 사람이라면 이 자바스크립트에 값을 전달했을 때 오류가 나본 적인 한 번 쯤은 있을 것이다. 우선 문제는 타임리프가 자바스크립트 코드를 처리하는데 문제가 있는 거라고 한다. 표현식을 잘못 해석했다는 것. 어제 다른 학생의 컴퓨터에서도 문제를 해결해 줬었는데, 그때와 다른 처음보는 방법을 찾게 되어 포스팅을 하게 되었다. [문제] 우선 나는 아래와 같은 형태로 값을 전달하려고 했는데,버튼을 누르면 아래와 같이 에러가 났다.페이지 소스를 확인해보니 문자가 그대로 찍히고 있었다. [해결]이때 사용한 방법이 바로 파이프 ( |) 문자이다. 파이프 문자는 타임리프에서 문자를 조합할 때도 사용하는 문자로, 문자열 내의 표현식을 안전하게 처리하도록 돕는 역할을 하는 것이다.. 공감수 0 댓글수 0 2024. 12. 19.
[스프링부트/라이브러리 추가] Caused by: java.lang.ClassNotFoundException: org.json.simple.JSONObject Maven 스프링부트 프로젝트에서 JSONObject를 사용하기 위해 pom.xml 파일에 json-simple을 추가했다. [문제] devtools가 있기 때문에 자동으로 재실행이 되면서 아래와 같이 에러가 떴다. [해결]프로젝트 Refresh 후 재실행 하면 끝. 라이브러리 추가 후 Refresh를 생활화하자.. 공감수 0 댓글수 0 2024. 11. 19.
[파이썬/머신러닝] ConvergenceWarning: Maximum number of iteration reached before convergence [문제] 작성 코드from sklearn.linear_model import SGDClassifiersc = SGDClassifier(loss='log_loss', max_iter=10)sc.fit(train_scaled, train_target) [원인]SGDClassifier가 설정된 반복 횟수 (max_iter) 내에 모델 학습을 완전히 수렴시키지 못했다는 경고로, 반복 횟수가 너무 작아서 모델이 수렴하기 전에 반복이 종료된 것 [해결]반복 횟수(max_iter)를 늘려주면 됨sc = SGDClassifier(loss='log_loss', max_iter=1000) 완성코드from sklearn.linear_model import SGDClassifier# max_iter를 1000으로 늘리고,.. 공감수 1 댓글수 1 2024. 11. 15.
[파이썬/머신러닝] DataConversionWarning: A column-vector y was passed when a 1d array was expected. DataConversionWarning: A column-vector y was passed when a 1d array was expected. Please change the shape of y to (n_samples, ), for example using ravel(). y = column_or_1d(y, warn=True) [문제] 경고 창이 발생한 코드from sklearn.linear_model import SGDClassifiersc = SGDClassifier(loss='log_loss', max_iter=10)sc.fit(train_scaled, train_target)print(sc.score(train_scaled, train_target))print(sc.score(test_sca.. 공감수 0 댓글수 0 2024. 11. 12.
[파이썬/주피터] Cell not executed due to pending input [문제] 학생의 질문을 받고 자리에 가보니 아래의 문구가 떠 있었다.Cell not executed due to pending inputThe cell has not been executed to avoid kernel deadlock as there is another pending input! Submit your pending input and try again. 알고보니 주피터에서 input창에 값을 받을 때, 값을 받지 않고 다시 실행했을 때 나타나는 현상이었다. [해결] 열려 있는 input 창에 값을 입력하고 다시 실행하거나, 상단 Kernel 메뉴에서 Restart Kernel... 버튼을 눌러주면 해결이 된다. 공감수 0 댓글수 0 2024. 10. 22.
스프링 빈 스코프 prototype와 singleton의 차이 클래스 인스턴스 초기화를 할 때 호출할 initMethod()와 destroyMethod()를 만들어 놓았고, applicationContext.xml 파일에 bean을 등록하는 상황에서 init-method, destroy-method 속성 값으로 콜백 될 메서드를 넣어주었다. 스코프를 singleton으로 설정한 것과 prototype으로 설정한 것을 비교하는 상황이었다. singleton은 간단하게 하나의 객체만 생성이 되도록 해주는 것이니 아래처럼 작성했더라도 하나의 빈을 반환한다. 이와 다르게 prototype은 불릴 때마다 새로운 빈을 생성하여 init 메소드가 3번이 불리는 것을 볼 수 있다. 그런데 여기서 궁금증이 생겼다. init 메소드는 실행이 되었는데, destroy 메소드는 어디에... 공감수 0 댓글수 0 2024. 10. 14.
lombok에 STS4 경로 설정 후 STS4 실행 안됨 https://projectlombok.org/ 롬복 다운로드 후 명령 프롬프트(cmd)에서 롬복이 있는 폴더로 이동 후 실행 java -jar lombok.jar Specify location 클릭하여 롬복을 추가하려는 툴의 .exe 파일이 있는 경로 위치 넣고 Install/Update 완료 시 Quit Installer 하고 STS4 다시 실행을 했는데, lombok 설정 후부터 STS4가 아예 열리지 않는다면? SpringToolSuite4.ini 파일 확인 가장 하단에 lombok 관련 경로에 한글이 들어있는 경우 해당 라인 삭제 후 저장하고 다시 실행해보면 실행은 될 것 롬복 경로 다시 잡아줄 때, 한글 폴더 없이 경로 다시 잡아주면 롬복도 사용 가능 공감수 1 댓글수 1 2024. 10. 10.
[인텔리제이] 프로젝트 빌드 오류, 빌드 안됨 [문제] 간혹 인텔리제이에서 프로젝트를 생성하다가 문제가 생겼을 때 프로젝트를 열면, 폴더에 분명 src 등 모두 있는데 프로젝트에는 보이지 않고 .gitignore와 pom.xml 파일만 보이는 경우가 있었다. [해결] 햄버거 -> 파일 -> 프로젝트 구조 클릭. 좌측 모듈 -> + 버튼 클릭 -> 모듈 가져오기 클릭. 사용하려는 프로젝트 선택 후 하단의 확인 버튼 클릭.. 외부 모델에서 모듈 가져오기 클릭, Maven (Maven 프로젝트일 경우) 클릭하고 하단의 생성 버튼 클릭. 그러면 이렇게 제대로 빌드가 된 것을 확인할 수 있다. 공감수 0 댓글수 0 2024. 10. 1.
[Spring] 인텔리제이 스프링 프로젝트 실행 인텔리제이를 사용하게 되어 스프링 프로젝트 실행까지를 정리해 본다. 우선 인텔리제이 홈페이지에서 다운로드 페이지에 들어가면 Ultimate가 나오는데 그건 유료고, 커서를 조금 내려보면 Community Edition이 있으니 이것을 다운 받으면 된다. 설치 후 실행하면 아래처럼 나오는데, 새 프로젝트를 선택한다. 좌측의 Maven 원형 클릭하고, 프로젝트 이름, 위치, JDK 버전을 확인해주고, Archetype에서 quickstart를 선택해 주고 생성 버튼 클릭. 프로젝트가 다 설치되고 나면 아래와 같이 폴더를 만들어 경로를 설정해준다. pom.xml 파일에 추가할 의존성을 추가해 주고, 우측 상단의 Maven 변경 내용 로드 버튼( Ctrl + Shift + O ) 클릭. 4.0.0 org.e.. 공감수 0 댓글수 0 2024. 9. 25.
[JAVA] 변수의 기본형과 참조형 타입 정리 [JAVA] 변수의 기본형과 참조형 타입 자바의 기초를 계속 보다 보니 당연하게 쓰고 있던 int와 String의 차이를 새삼 깨닫게 되었다. 분명 나도 자바를 처음 배울 때 배웠을 테지만, 그때는 기초까지 모두 머리에 담기에는 역부족이었다. 그 이후로는 계속 사용하다보니 당연하게 사용하는 타입이었는데, int는 소문자로 시작하고 String은 대문자로 시작하는 이유는? 이라는 이 질문에 머리를 띵~ 딱콩 맞는 느낌이었고, 이제는 그 차이를 알고 쓸 때가 되었다고 생각했다. 변수의 기본형과 참조형 타입우선 변수(variable)란 무엇일까? 데이터를 저장하기 위해 할당받은 저장 공간이다. 쉽게 익숙해지려면 '변하는 값'이라고 생각하자. 자, 그럼 이제 소문자로 시작하는 것과 대문자로 시작하는 것.. 공감수 0 댓글수 0 2024. 8. 27.
[자바 필수] method의 4가지 형태 (리턴형과 매개변수) 자바를 공부하다 보면 수많은 메소드를 만들게 된다. 자바를 배우면서 따라 할 때는 할 수 있을 것 같았는데, 아무것도 없는 상태에서 직접 만들려고 했을 때, 아무것도 하지 못하고 멍해졌던 순간이 나에게만 있었던 것은 아닐 거라고 생각한다. 그럼에도 포기하지 않고 계속 하다보면 어느 순간 아! 하면서 '흐름'을 깨닫게 되는 순간이 오고, 그때부터 진정한 자바의 시작이라고 봐도 될 것이다. 그러기 위해서 필수로 알아야 하는 것이 바로 이 리턴형과 매개변수라고 생각한다. public 리턴형 method (매개변수) { ...} 그럼 리턴형부터 간단하게 알아보면, 메소드에는 리턴이 있는 것과 없는 것으로 나눌 수 있다.리턴이라는 건 내보낼 것이 있느냐, 없느냐 하는 것. 내보낼 것이 없으면 리턴형은 무조건 v.. 공감수 0 댓글수 0 2024. 8. 21.
스프링부트(STS4)에서 Web(HTML, CSS, JSP 파일), XML이 없을 때 해결 방법 오랜만에 STS4에서 새로 프로젝트를 만들고 xml 파일을 생성하려고 New -> Other를 클릭했는데, 있어야 할 XML과 Web이 보이지 않았다. 오랜만이라 따로 설치해주어야 한다는 것을 잊고 있었던 것이다. 바로 상단바의 Help를 눌러 Eclipse Marketplace로 들어가서 검색 창에 web을 입력했고, 아래에 있는 'Eclipse Enterprise Java and Web Developer Tools' 프로그램을 Install 해주었다. 생각보다 시간이 걸리기 때문에 하단에 Progress에서 진행 상황을 확인하며 기다리다가 알람창에 따라 재시작을 해준다. 들어와서 다시 확인을 해보면, Web, XML이 모두 생성되어 있는 것을 볼 수 있다. 공감수 0 댓글수 0 2024. 7. 15.
[Spring] IoC와 AOP 이제는 이해해보자 공부할 때 분명 알았는데, 시간 지나면 잊어먹는 IoC와 AOP 이제는 외워야 할 때도 되었고, 혹시 또 잊어먹으면 바로 찾아보기 위해 정리를 할 것이다. 스프링을 시작하면서 가장 많이 들었던 이야기가 바로 '낮은 결합도'와 '높은 응집도'이다. 이것과 연관지어 IoC와 AOP를 정리해보자. 제어의 역행 (Inversion of Control, IoC) - 낮은 결합도 유지출처 입력IoC 적용 전: 의존관계에 있는 객체를 변경할 때는 반드시 자바 코드를 수정해야 한다.IoC 적용 후: 객체 생성을 컨테이너가 대신 처리하고, 객체와 객체 사이의 의존관계 역시 컨테이너가 처리한다.-> 소스에 의존관계가 명시되지 않기 때문에 결합도가 떨어져서 유지보수가 편리해진다. 한마디로 new 객체를 생성하지 않는다는 .. 공감수 0 댓글수 0 2024. 6. 25.
[Do it!] 코딩 몰라도 웹 사이트 만들 수 있는 책 | 조코딩의 첫 웹 개발 코딩을 하고 있는 사람이라면 웬만해선 모르지 않을 유튜버 '조코딩' 님의 책이 '이지스 퍼블리싱'에서 나왔다. 현재 나는 Do it! 'Node.js 프로그래밍 입문' 책의 넷째 마당, 실전 프로젝트만을 남겨두고 있다. 2024.05.17 - [도서] - [Do it!] Node.js 프로그래밍 입문_백엔드 개발 Node.js 책을 보던 와중에 이 웹 개발 책이 나온다는 것을 알게 되었고, HTML, CSS, 자바스크립트 기초 뿐만 아니라 노드JS, SQL 심지어 배포까지도 나와있다고 하니 Node.js 책을 마무리 하고 이어서 이 책을 보며 배포하면 되겠다는 생각에 이르렀다. 책이 오는 타이밍에 node를 마무리 하기 위해 부지런히 책을 봤더랬다. 그렇게 이제 실전 프로젝트만을 앞두고, 도저히 이 첫.. 공감수 0 댓글수 0 2024. 6. 11.
[Do it_Node.js] 요청 객체와 응답 객체, 라우팅 2024.06.03 - [Node.js] - [Do it_Node.js] HTTP 모듈 이해하고 서버 만들기 [요청 객체]클라이언트에서 서버로 요청할 때 생성(request, req) const http = require("http");const server = http.createServer((req, res) => { console.log(req);});server.listen(3000, () => { console.log("3000번 포트에서 서버 실행 중");}); [응답 객체]서버에서 클라이언트로 응답할 때 생성 (response, res) 헤더(처리할 자료의 유형, 서버의 상태 표시)와 본문으로 구성되고 응답이 끝난 후에는 응답 종료 응답 헤더: setHeader, writeHea.. 공감수 0 댓글수 0 2024. 6. 7.
[Do it_Node.js] HTTP 모듈 이해하고 서버 만들기 2024.05.30 - [Node.js] - [Do it_Node.js] 자바스크립트 동기/비동기_콜백함수, 프라미스, async/await [HTTP 이해하기] HTTP 프로토콜: 클라이언트와 서버 간에 미리 약속한 규칙. HTTP 요청: 클라이언트에서 서버로 자료를 요청하는 것.HTTP 응답: 서버에서 응답해 클라이언트로 자료를 보내는 것. 요청 URL: 서버에게 어떤 정보를 보내 달라고 요구하는 URL. 요청 메서드(요청 방식): 클라이언트에서 서버로 정보를 보내면서 그 정보를 처리할 방식을 알려주는 것. GET 메서드서버에서 정보를 가져올 때 사용. 예를 들어 구글 웹 사이트 URL을 입력해 서버로 보내거나 웹 사이트에 있는 링크를 클릭하면 GET 요청이 서버로 전송되고, 서버는 해당 URL의 문.. 공감수 0 댓글수 0 2024. 6. 3.
[Do it_Node.js] 자바스크립트 동기/비동기_콜백함수, 프라미스, async/await 2024.05.27 - [Node.js] - [Node.js] 노드의 모듈 자바스크립트의 기본 문법은 처음이 아니기에 비동기 처리 부분만 실습을 진행했다. [자바스크립트 비동기 처리] 동기 처리: 프로그램 코드를 작성한 순서대로 처리하는 방식비동기 처리: 시간이 걸리는 함수와 빨리 처리할 수 있는 함수가 뒤섞여 있을 때 함수들을 원하는 처리 순서에 맞게 프로그래밍 하는 것 처음 코딩을 시작할 때 공부했던 것이 자바스크립트였는데, 그 당시에는 몇 번을 보아도 이해가 되지 않았던 비동기 처리, 콜백함수의 코드가 이제야 이해가 되고 쳐지기 시작했다. [콜백함수] function displayA() { console.log("A");}function displayB(callback) { setTim.. 공감수 0 댓글수 0 2024. 5. 30.
[Do it_Node.js] 노드의 모듈 2024.05.21 - [Node.js] - [Node.js] 노드 설치, npm 패키지 설치 모듈: 기능별로 만들어 놓은 함수CommonJS 모듈 시스템(CJS) - requireES 모듈 시스템(ESM) - import '모듈'을 사용하기 위해 파일을 나누어 보자. user.js 파일을 생성하여 이름을 할당하는 코드를 작성하고, hello.js 파일을 만들어 인사말을 표시하는 함수를 작성한다. 그런다음 모듈을 내보내기 위해서 module.exports 문을 통해 user, hello 변수를 내보낸다. app-1.js 파일을 생성하여 두 모듈을 가지고 오는 require 함수를 사용해준다.(이때 모듈 파일의 경로는 상대 경로로 지정해야 한다) user를 넣어 hello 함수를 작동시키면 user에.. 공감수 1 댓글수 0 2024. 5. 27.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.