본문 바로가기

분류 전체보기903

html, css 표 만들기 사이트 추천(완전 편리 그 자체) 회사에서 표를 그리는 일이 있었는데 다른 건 그렇다 치더라도 표의 셀 합치기?를 어떻게 구현해야 하는지 조금 찾아보는 시간이 있었는데 -> 물론 태그와 rowspan 및 colspan 속성을 사용하여 구현 가능하다 //예시코드 합쳐진 셀 가로로 합쳐진 셀 아래로 합쳐진 셀 아래로 합쳐진 셀 일반 셀 일반 셀 일반 셀 가로로 합쳐진 셀 하지만, 더 쉽게 아래의 사이트를 통해서 정말 쉽게 구현이 가능하다.... 쉽게 표 만들 수 있는 사이트 를 찾았다...! (행복 그 자체) 1. 테이블을 세팅 진행 2. 첫 번째 빨간 네모가 셀 합치기, 두 번째 빨간 네모가 셀 분할, 세 번째 빨간 네모가 테마다 나머지는 다른 문서(엑셀이나 한글 등)와 비슷한 아이콘이라서 사용하는데 큰 어려움이 없다(예: 볼드처리, 가운.. 2023. 12. 12.
카페24 디자인에서 카카오맵 api 적용해서 지도 구현 완성된 화면 - 원하는 위치에 마커 생성 - 원하는 장소의 로고 삽입 - 원하는 장소의 홈페이지 연결 - 원하는 장소의 정보 위치, 장소 한 줄 소개 기능 구현 구현 방법 1) 개발자 사이트에 들어가서 내 애플리케이션2) 애플리케이션 추가하기 3) 나의 앱 키(JavaScript 키) 메모해 두기(빨간 부분)4) vs코드 키고 카카오 api가이드 보기5) (맘 편하게) 마커 생성하기 소스 코드 활용하기 6) 위 코드에서 발급받은 APP KEY를 사용하세요여기 부분에 자신의 메모해 놓은 자바스크립트 키를 넣는다(아까 빨간 부분) 7) 자신이 원하는 지역의 지도 중심좌표가 필요한데(중요 / 여기서 시간 많이 까먹음) 이 화면에서 확인이 가능하다여기에서 자신이 원하는 장소를 클릭해서 위도와 경도를 확인한다 8.. 2023. 12. 11.
윅스(wix) 클론코딩 프로젝트 후기 1. 클론코딩 클론코딩 대상 사이트: https://hall.modoo.at/ 완성 사이트: https://sklee99.wixsite.com/my-site-5 *상단 카테고리의 '캘린더'는 염두하고 있는 링크 사이트가 있어서 지금은 임시로 넣은 상태 *홈화면 '대관문의 신청하기'겹침 문제는 해결 필요 *렉 걸리면 새로고침하면 잘 동작함 2. 배운 점 - 썸네일 슬라이드 아래의 썸네일(작은 이미지) 클릭하면 크게 보이는 기능 == '썸네일 슬라이드'라고 한다 생각보다 구글에 구현 코드가 많이 풀려있어서 놀라웠다 - 윅스 무료면 상단 광고 배너가 생기고 진짜 안 없어진다 없애보려고 많은 노력을 하였으나, 영구적으로 지우는 방법을 찾지 못했다 소스코드를 지워도 새로고침? 과 같이 결국 제대로 동작하려면 상단.. 2023. 12. 8.
GA4 스터디 후기 - 나와 닮은 유기견 사이트(나만 없어 강아지) 기획 오늘 GA4 스터디를 진행했다 유입률 등 통계 분석을 위해 함께 노코드, 로우코드 사이트를 만들 예정이고 어떤 사이트를 만들지 회의를 진행했다 1. 대략적인 피그마 2. 콘셉트 콘셉트 : 나와 닮은 유기견 찾기, 임보 or 입양으로 이어질 수도! [사전 준비] 유기견 사진 데이터 모으기 -> 데이터 학습 진행 -> 홈페이지 내 DB 축적 [구현] (유저가) 자신의 사진을 촬영하거나 사진을 업로드 -> 나의 얼굴과 닮은 유기견 확인 → 간단한 유기견에 대한 소개 확인 가능, 유기견 위치까지 확인 가능 3. 벤치마킹 대상 - 영상 - 참고 사이트 4. 개발 시 참고 사이트 - 구름 IDE - 이미지 업로드(코드펜) - Teachable Machine - Teachable Machine 공식문서 5. 할 일 .. 2023. 12. 7.
카페24 스마트디자인 - 쇼핑몰 페이지 추가하기 1. 쇼핑몰 페이지 추가하는 방법 좋은 영상 2. 동영상의 내용 정리 관리자페이지 - 디자인 선택 - 스마트 디자인 편집창 - 하단의 '화면추가' 클릭 주로 화면을 추가하는 경우가 많기 때문에 레이아웃-기본 레이아웃 폴더 안에 '~.html'로 작성하면 좋음 이제 작성한 내용을 확인할 수 있음 위 경로가 앞으로 태그 시 인용할 주소임 계속 알고 있어야 함 'event'라는 버튼을 만들고 여기에 아까 만든 페이지를 연동할 예정 이벤트 안에서 링크에 기존에 만든 경로인 '/layout/basic/event1.html'를 입력하면 페이지가 연동됨을 확인할 수 있음 3. 추가 좋은 매뉴얼 쇼핑몰 관리자 매뉴얼 (스마트모드) 쇼핑몰 관리자 매뉴얼 (프로모드) 스마트 디자인 매뉴얼 2023. 12. 6.
프로그래머스 스쿨 - 문자열을 정수로 변환하기 문제 숫자로만 이루어진 문자열 n_str이 주어질 때, n_str을 정수로 변환하여 return하도록 solution 함수를 완성해주세요. 나의 풀이 def solution(n_str): return int(n_str) 다른 사람 풀이 solution = int 엥? 이게 뭐임?? [코드 해석] - 이 코드는 Python에서 변수를 선언하고 초기값으로 int 타입을 지정하는 것 - solution이라는 변수를 선언하고 그 변수의 타입을 정수형(int)으로 지정한 것 - int는 정수를 나타내는 데이터 타입 - 변수 solution은 이 타입의 값을 가지게 됨 - solution 변수는 아무런 값도 가지고 있지 않은 상태, 만약 실제로 값을 할당하지 않고 사용하려고 하면 에러가 발생할 수 있음 실제 할당하.. 2023. 12. 5.
AWS 서버가 다운되는 이유 정리 오늘 담당하는 웹의 aws서버가 잠시 다운되었다.. (강제야근) 리눅스로 만든 홈페이지인데, 원인에 대한 에러메세지를 보기 전에 서버가 다운되었다 ...(원인 파악의 어려움) [사건의 개요] - 5시쯤 리눅스에서 시스템 오류 - aws에서 자동으로 문제 감지 - aws에서 자동으로 인스턴스 재시작하려 함 - 6시쯤 aws에서 디스크 부족으로 서버 다운 - 강제 인스턴스 재시작 - 정상 서버로 돌아옴 [일반적인 해결책] 하드웨어 문제: 실제 하드웨어 결함: 특정 하드웨어가 고장났을 경우, AWS는 자동으로 트래픽을 다른 가용 영역으로 전환하려고 시도 인스턴스 유형의 제한: 선택한 인스턴스 유형이나 크기의 인스턴스가 사용 가능한 리전에 부족한 경우 서버 다운이 발생할 수 있음 네트워크 문제: VPC 구성 오.. 2023. 12. 1.
잘 만든 카카오톡 챗봇 정리 1. 서울톡 장점 1. 상담 카테고리 세분화 2. 세부 카테고리도 자세하게 나옴 3. 명확한 답변 시나리오 직접 입력해서 답변이 가능하게 하는 것을 보니 자연어 처리도 들어간 것 같고 chatGPT API를 사용했는지도 궁금하다 답변도 좋고 채팅을 통한 답변도 있어서 유용하다 2. 와이즐리 상담챗봇에서 아래의 빨간 박스의 FAQ를 클릭하면 이 사이트로 넘어간다 사이트에서 자세하게 알아볼 수 있게 유도하는 것은 좋은 접근법이라서 좋은 영감을 받았다 카카오톡 챗봇 빌더에 대한 좋은 글을 발견했는데 계속해서 파악해서 어떻게 잘 만든 카카오톡 챗봇을 만들 수 있을지 고민해야겠다 2023. 11. 29.
노코드 클론코딩 해보기(아임웹, 웹플로우) 클론코딩한 사이트 : 슈피겐홀 슈피겐홀의 기능 or 기능+디자인 구현을 목표로 진행했다 1. 웹플로우 - 기능 위주로 구현 - 사용 느낀 점: 확실히 노코드지만 코드 친화적인 느낌이 있다, 영어를 잘해야 편함 2. 아임웹 - 기능 and 디자인까지 구현 완료 - 사용 느낀 점: 한국 친숙적이다, 무료 요금제 쓰면 도메인에 imweb이 뜨는 단점과 밑에 배너 뜨는 단점 있음 - 내가 창업을 한다면 아임웹으로 만들고, 가장 낮은 유료 요금제 써서 홈페이지 만들 것이다 2023. 11. 20.

티스토리툴바