이야기를 나눠요
131만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
history mode vue2 vue3차이
vue3에서는 history mode 적용 방법이 조금 다른것같아 남겨봅니다.import { createRouter , createWebHistory } from 'vue-router' export const router = new createRouter({ history: createWebHistory(),
-
자유주제
자유롭게 글을 작성합니다.
-
스프링 DB 1편 - 데이터 접근 핵심 원리
토이 프로젝트 DB 선정 중 궁금한 점이 있습니다!
안녕하세요!벌써 무더운 날씨가 지나고 쌀쌀한 날씨가 찾아오고 있는 요즘입니다.면역력이 떨어지는 환절기 조심하시고 건강한 연말을 준비하셨으면 좋겠다는 말씀 드리면서해당 글을 쓰게 된 계기와 함께 궁금증에 대한 내용을 조심스레 작성해보겠습니다.현재 대략 3명 정도의 인력(백엔드+기획 / 프론트 / 기획+디자인)으로 토이 프로젝트를 진행하고 있습니다.서비스의 개요는 특정 카테고리&내가 원하는 기준에 해당하는 "내주변"식당의 위치를 조회하는 서비스 + 여러 조건에 대해 실시간으로 선택하며 달라지는 결과들을 확인하는 서비스를 기획하고 있습니다.향후 예약 기능도 추가할 계획도 하고 있구요,서비스의 전체적 느낌은 네이버 지도 + 망고플레이트 + 테이블링 정도 입니다.조회가 많고 다양한 쿼리문이 나올 것 같고지역/지리 정보를 빈번하게 사용할 것 같아 MySQL이 아닌 PostgreSQL에 관심이 생기기 시작했고자연스레 많은 고민과 궁금증이 생기게 되어 이렇게 찾아와 질문드리게 되었습니다.이에 대한 주요 질문의 내용은 아래와 같습니다.[PostgreSQL을 고려하는 이유]참고 : https://techblog.woowahan.com/6550/ 많은 양의 지역정보(행정동 경계 및 구역)를 빈번하게 사용할 예정 -> 데이터 타입(geometry) 이 적절하고 조회 작업이 많은 면에서 효율적일 것이라고 생각PostGIS를 사용해보고 싶습니다. (현재 erd 작성에 사용하고 있는 예시 : https://www.erdcloud.com/d/2mDmcrHWY3CqW4Rrp ) PostgreREST 라이브러리로 REST 방식 사용 가능 -> 오픈 API다양한 객체 타입으로 데이터 조회하는 기능이 많은 서비스여러가지 조건(복잡한 쿼리 예상)을 적용할 검색 조회 서비스 [고민하는 이유]오픈 API를 많이 사용할 예정( 소셜로그인 , 행정동 경계, 소셜 공유, 지도 등) 인데 공식 문서에서는 보통 REST API 방식의 사용법만 찾을 수 있음.부족한 개인 역량..(MySQL만 사용한 적이 있습니다..) -> 충분한 학습없이 시간낭비 할 가능성이 높은데 혼자만 진행하는 프로젝트가 아닌 팀원들이 함께 진행하는 프로젝트여서 더욱 고민이 됩니다. [찾아본 결과(확실하진.. 않습니다ㅠ)]MyBatis & Master-Slave 형식으로 각각의 Configuration 및 properties 관리를 통해 다중 db 사용DB Link를 활용하여 원격으로 서로 다른 table의 정보를 받아와서 사용하는 방법하지만 보통 MySQL과 Maria를 연결(DB 특성이 유사)의 예시만 찾아볼 수 있었고대부분 PostSQL로 이관하는 내용이 가장 많았습니다.생각했던 것 처럼 보안이나 운용 측면에서 관리하기 어려움이 있는 요소이다 보니레퍼런스도 많지 않아 위와 같이 확실하지 않은 방법으로 유추하고 있습니다. 사실 프로젝트 규모나 서비스 기능 복잡도 측면에서는 이렇게까지 번거롭게 하지 않고하나의 DB(MySQL)로도 충분히 작동하는데 문제 없겠지만서비스에 조금 더 최적화된 DB라고 생각되기도 하고 경험해보고 싶은 마음에 이런 고민을 하고 있습니다.혹시나 현업에서도 여러 DB를 한 서비스에서 사용하는 경우가 많은지많다면 효율성 증진이나 개선된 사항으로 어떤 점 들이 있는지, 어떤 방식으로 연결하는지 궁금합니다 ㅠㅜㅜ 너무나도 부족한 역량과 지식을 기반으로 허술한 질문을 드려 죄송합니다..!!직접적인 해결방법이 아니더라도 선생님께서 생각하시는 어떤 것이든 전달해주시면적극적으로 습득하고 활용해보겠습니다..!!감사합니다.
-
웹 프론트엔드 팀원 모집 합니다
안녕하세요. 저희는 현재 한솔비엔에스(한솔그룹 계열사)의 외주프로젝트를 진행하고 있는 프리랜서 팀 티스스터프 (FE 2명 / BE 1명)입니다. 스타트업 동료들과 함께 외주를 시작했고 첫 프로젝트를 마친 후에 다음 프로젝트를 진행하고 있던 중 새로운 팀원을 모집하게 되었습니다. ▸ 근무 형태: 재택근무 (풀타임) 출근이 필요한 경우 한달에 1~2번 정자동에 위치한 사무실에 출근합니다.출근 시 점심식사를 제공합니다.원하실 경우 한솔의 정자사무실(스파크플러스)에서 근무하실 수 있습니다.미팅이 필요한 경우 전주에서 최소 이틀 전에 알려드립니다.업무 강도가 높지는 않으나 한솔에서 요청하거나 저희팀이 필요할 때는 출근 또는 화상미팅을 하기 때문에 다른 외주업무나 직장에 근무하시는 분들은 어려울 것 같습니다.▸ 근무 시간: 자유한솔 직원분들이 근무하는 시간(월~금, 9시~6시)에 문의나 요청에 대한 신속한 응대만 가능하면 자유롭게 근무하셔도 됩니다. * ( 협의를 통해서 팀원들과 겹치는 근무시간(소통을 위한)을 정해주시면 좋을 것 같습니다. )한솔, 팀원들이 알아야하는 개인적인 일정은 필수로 공유해주셔야 합니다. [예시] 00시~00시 개인적인 일정으로 연락이 안된다. 오늘 맡은 업무는 언제까지 마무리하겠다. 등등.▸ 프로젝트 기간: 최소 3개월저희팀은 올해 6월부터 한솔비엔에스의 홈페이지(https://www.anbox.kr/) 리뉴얼 프로젝트에 참여하였고 좋은 평가를 받게 되어 다음 프로젝트도 함께하게 되었습니다. 또한 한솔에서 여러 프로젝트를 기획중으로 장기적으로 함께하실 수 있는 분이라면 좋겠습니다.▸ 합류 시점: 11월~12월 사이한 달정도 팀워크를 맞춰보는 기간이 있습니다.재택근무이기 때문에 신속하고 원할한 소통과 빠른 실무 적응이 필요합니다.▸ 외주 비용: 협의매월 5일에 월 급여로 지급합니다.▸ 기술스택 (현 프로젝트 기준)Front-end : Javascript, React.js, Styled-component(CSS), Functional componentBack-end : Nest.js(Typescript), Node.js(javascript), MsSQLCommunication/Design : Slack, Google spreadsheet, Figma, Google Drive, MeisterTask, Bitbucket▸ 주요업무React.js 기반의 커머스(commerce) 사이트 개발 및 유지보수React.js 기반의 관리자(admin) 페이지 개발 및 유지보수ERD 설계 회의 참여▸ 자격요건웹 개발 경력 2년이상 혹은 그에 준하는 실력Html, css, javascript 에 대한 이해가 있으신 분React.js 기반 개발경험이 풍부하신 분Redux 상태관리에 익숙하신 분Styled-component 기반의 css 처리가 익숙하신 분Git, Bitbucket 을 통한 협업에 익숙하신 분기획자/디자이너와 협업 및 커뮤니케이션에 무리가 없으신 분(클라이언트사 기획, 디자이너 직원분과 소통 필요)▸ 우대조건클린 코드를 지향하시는 분(변수명, 모듈분리, 가독성을 위한 리팩토링 등등)React 성능 최적화 경험이 있으신 분ERD 설계 경험이 풍부하신 분본인의 역량을 객관적으로 알고 작업 스케쥴링을 효율적으로 하시는 분Node.js 기반 백엔드 REST API 코드읽는데 문제없으신 분(Swagger Docs가 아닌 실제코드)
-
Jenkins를 이용한 CI/CD Pipeline 구축
Windows 강의 진행 참고사항
WSL2 우분투를 설치하여 진행하는 것도 가능하지만, 저처럼 귀찮으신 분들을 위해 남깁니다.컨테이너 내에서 도커 실행강사님이 게시하신 DinD 방식 대신 DooD 방식으로 실행하여 진행하실 수 있습니다. 다만 DooD 방식은 호스트 머신 도커를 공유하기 때문에 포트 바인딩에 신경 써주셔야 합니다.예를 들면, 강사님은 DinD 방식이라 컨테이너 내부에서 실행하는 또 다른 컨테이너에 대해 포트를 8080:8080으로 바인딩합니다. 반면 DooD 방식은 호스트 도커를 곧바로 사용하기 때문에 컨테이너 내부에서 컨테이너를 실행할 때 [호스트에 노출할 포트]:8080로 바인딩하셔야 합니다.아래는 docker-server, ansible-server 실행 명령입니다. 기존 명령에는 -p 8081:8080과 같은 포트 바인딩이 있으나, DooD 방식 사용 시 필요 없기 때문에 생략했습니다.docker-serverdocker run -itd --name docker-server -p 10022:22 -e container=docker --tmpfs /run --tmpfs /tmp -v /sys/fs/cgroup:/sys/fs/cgroup:ro -v /var/run/docker.sock:/var/run/docker.sock edowon0623/docker:latest /usr/sbin/initansible-serverdocker run -itd -p 20022:22 -e container=docker --tmpfs /run --tmpfs /tmp -v /sys/fs/cgroup:/sys/fs/cgroup:ro -v /var/run/docker.sock:/var/run/docker.sock edowon0623/ansible:latest /usr/sbin/initAnsible, K8s, SSHJenkins + Ansible + Kubernetes 와의 연동 챕터에서 Ansible 서버 -> Windows 호스트로 SSH 연결하는 부분이 있습니다. Windows의 경우 SSH 활성화, 환경 구축 등 추가 작업이 필요하고, 알 수 없는 오류가 자주 발생하여 아래 방법으로 진행하는 것이 쉬웠습니다.우선, Ansible 서버에서 Windows 호스트에 SSH로 연결하는 이유는 Windows 호스트에 K8s 관리를 위한 kubectl 실행 환경이 구축되어 있기 때문입니다( 도커가 K8s 활성화 시 자동 구축 ).그러므로 kubectl 실행 환경을 별도 리눅스 컨테이너에 구축하여 진행하실 수 있습니다.리눅스 컨테이너docker-server 이미지를 재활용해 별도 리눅스 컨테이너( kubectl-server )를 생성합니다.docker run -itd --name kubectl-server -p 90022:22 -e container=docker --tmpfs /run --tmpfs /tmp -v /sys/fs/cgroup:/sys/fs/cgroup:ro -v /var/run/docker.sock:/var/run/docker.sock edowon0623/docker:latest /usr/sbin/init해당 컨테이너에 SSH 등으로 접속한 후 kubectl을 설치합니다. 아래 명령을 차례대로 실행합니다.curl -LO "https://dl.k8s.io/release/$(curl -L -s https://dl.k8s.io/release/stable.txt)/bin/linux/amd64/kubectl" install -o root -g root -m 0755 kubectl /usr/local/bin/kubectlkubectl 환경 설정kubectl은 기본적으로 ~/.kube/config 파일에서 마스터 노드 접속 정보를 읽습니다. 위에선 kubectl을 설치했을 뿐, 접속 정보를 구성하지 않았기 때문에 추가 작업이 필요합니다.Windows에서 minikube를 활성화한 경우 사용자 폴더/.kube 폴더에 config 파일이 존재합니다. 해당 파일의 내용을 복사하여 리눅스 컨테이너( kubectl-server )의 ~/.kube/config 파일에 붙여넣습니다. 리눅스 컨테이너에는 디렉토리와 파일이 없을텐데, 만드시면 됩니다.테스트kubectl 명령이 정상적으로 실행되는지 확인합니다.kubectl get nodes진행 방법K8s 관련 부분을 kubectl-server에서 진행하시면 됩니다. 예를 들어 Ansible이 SSH로 Windows 호스트에 접근하는 대신, kubectl-server에 접근하도록 구성합니다.
-
얼굴 공개없는 영상제작 - 비디오스크라이브
60초 안에 법을 소개 하는 유튜브 채널입니다
국내 비디오스크라이브 도구로 운영하는 채널을 소개하겠습니다.우선 첫번째로 교육 채널로서 60초 안에 법을 소개하는 'Christian Weaver' 유튜브 채널입니다.노팅엄 로스쿨에서 공부한 맨체스터 의 Garden Court North Chambers 의 학생 변호사라고 합니다. 링크 - https://www.youtube.com/watch?v=AzLWafQ_5BY
-
얄코의 반응형 프로그래밍 - 자바스크립트로 쉽게 배우는 ReactiveX
rxjs 학습 게임 사이트
https://www.rxjs-fruits.com/ 16단계까지 클리어하세요!
-
Kotlin으로 개발하는 Spring Boot Web MVC
잠깐 소리가 안들리는 것 같아요
강의 정말 잘 듣고 있습니다.다만 21분 59초쯤에 소리가 잠깐 안들리는 것 같아 기록 남겨놓습니다. 파이팅!!
-
홍정모의 따라하며 배우는 C언어
강의자료
혹시 강의자료 ppt는 공유가 안되나요?
-
[개념은 호옹~, 실습 빡] SQL 데이터 분석, 활용!
코딩테스트 준비
강의 정말 잘보았습니다! 서브쿼리 강의 퀄리티는 정말 너무 좋았습니다. 혹여나 SQL 코딩 테스트를 위해 프로그래머스 해커랭크를 제외한 다른 사이트나 책 같은걸 볼만한 곳이 있는지 알수 있을까요 ㅠ 강의에 수록되어있는 전체적인 문법과 용법들을 활용하여 쿼리를 작성하는 부분처럼 참고할만한 책이나 사이트 있으면 말씀 부탁드립니다 ㅠ
-
엑셀 2019 매크로 VBA 기초부터 완전 정복하기
엑셀 파일은 어디에 있나요
엑셀 예제 파일은 어디에 있나요
-
INNOPOLIS AI SPACE-S 인공지능 세미나 - 이미지 분류를 위한 딥러닝 문제해결 패턴
어떤 일이든 일정 수준에 도달하면 경험적으로 최적화된 패턴이 생기기 마련입니다. 본 세미나에서는 여러 캐글 수상자의 코드를 리팩터링하며 찾아낸 공통된 딥러닝 이미지 분류 패턴을 소개합니다. 기본 모델 설계부터 여러 성능 개선 방안까지 일련의 딥러닝 이미지 분류 프로세스를 설명합니다. 딥러닝 이미지 분류의 패턴을 익히고자 하는 분들이 듣기에 적합합니다.세미나 소개날짜: 2022년 10월 18일 화요일시간: PM 7:00 ~ PM 8:00장소: 온라인접속링크 : https://aifactory.space/learning/detail/2065프로그램 소개19:00~19:20 : 탐색적 데이터 분석과 베이스라인 모델 설계19:20~20:00 : 딥러닝 모델 성능 개선 프로세스연사 소개연사 : 신백균 (한국생산성본부 교육 컨설턴트)진행 : 김태영 (주)인공지능팩토리 대표이사
-
공공 데이터 (오픈 데이터) API 제대로 배우기 Part.1
공공 데이터 API JSON 형식
공공 데이터 API JSON 형식잘 봤습니다.
-
언리얼엔진 블루프린트 스파르타 클래스
강의 내용과는 관계없는 질문이 있습니다
현재 업무에 블루프린트를 활용하고 있습니다블루프린트 그래프에 노드를 단순 반복 배치하는 작업의 양이 꽤 많아서 업무 시간을 많이 잡아먹고 있습니다혹시 블루프린트 또는 C++을 활용해서 블루프린트 그래프를 탬플릿으로 한 번에 세팅할 수 있는지 궁금합니다 최종 목표는 세팅 창을 띄워서 간단한 세팅을 입력받고, 해당 세팅에 맞게 블루프린트 노드를 자동으로 배치하게 만드는 것입니다. 구체적으로는 블루프린트 그래프에 특정 노드를 배치, 노드의 설정 값 변경, 노드와 다른 노드를 연결할 수 있으면 될 것 같습니다. 저의 검색 능력으로는 찾기가 어려워 여기에 질문을 남깁니다...검색할 수 있는 키워드 정도만 알려주시면 감사하겠습니다
-
Jenkins를 이용한 CI/CD Pipeline 구축
sonar docker 실행시 es exit or indexing error or failed to query ES status 에러 발생시
소나큐브 도커 실행시 불규칙적으로 실행이되며 주로 es관련한 에러가 발생하는 현상이 있었습니다혹은 실행이 됐더라도 갑자기 소나큐브가 종료되는 현상이 있었는데 이럴 경우 docker desktop resource탭에서 memory를 올려주시면 해결될 수 있습니다 (docker desktop 사용시)찾는데 시간이 오래걸려 공유차 글 남깁니다아래 사진은 하나의 에러 현상일뿐 다양한 에러가 발생했었음 사진링크
-
[코드팩토리] [중급] Flutter 진짜 실전! 상태관리, 캐시관리, Code Generation, GoRouter, 인증로직 등 중수가 되기 위한 필수 스킬들!
[서버] 딜레이 500ms 및 id / pw 변경 방법
1. 딜레이 500ms 변경법src/core/interceptor/response-delay.interceptor.ts2. id / pw 변경src/cache/cache.service.ts*Postman api 사용할 땐, id.pw를 인코딩해서 Headers탭에 Basic <인코딩값> 자리에 넣어줘야함. 컴퓨터 2대로 학습하신다면 바꿔볼 만 합니다.한 대는 서버로, 다른 한 대는 학습하는 용도로 사용하실 때 쓰면됩니다.보통은 ngrok을 사용해서 외부 서버를 둘러서 오는 방법으로 사용하시면 됩니다.
-
스프링 MVC 1편 - 백엔드 웹 개발 핵심 기술
6. 스프링 MVC - 기본 기능.pdf 47p 사소한 오타 발견이요~
Requets -> Request
-
더 자바, Java 8
자바 8버전에는 Predicate not이 없습니다.
혹시나 자바 8로 진행하시는 분들은 11버전으로 업그레이드 해주세요~
-
프론트엔드 날개달기: Vue, React 배우기 전에 꼭 알아야하는 지식
무료 강의 감사합니다!
채고에요!! 이해 쏙쏙 👍👍👍
-
Express 튜토리얼 : 웹 서비스를 위한 핵심 API
노드몬 실행시 명령어 못찾을때
전역으로 실행해도 되지만 로컬로 실행하고 싶다면package.json의 "scripts"부분을 아래와 같이 바꾸면 됩니다.그리고 npm run server를 하면 노드몬이 돌아갑니다참고:https://velog.io/@yjyoo/node.js-nodemon-%EC%84%A4%EC%B9%98"scripts": { "server" : "nodemon index.js" }