본문 바로가기
728x90
반응형

전체 글170

CSS 고급 선택자 2 - 속성 선택자 해당 예제는 Do IT! HTML + CSS + JS 웹 표준의 정석에서 일부 발췌 & 변형하서 사용하였으며 필자가 전부 만든 것이 아님을 밝힙니다. 지난 번에는 주로 태그 자체(어떤 div, p, a 등)를 어떻게 선택하는지에 대해서 많이 적었다. 형제 선택자, 자식 선택자 등등... 해당 내용은 여기에 있다 : 지난 번 글 CSS 고급 선택자 CSS에는 적용하고자하는 스타일의 범위를 지정하는데 선택자(selector)를 이용한다. 하나하나 범위를 지정하기보다는 CSS에 내장된 고급 선택자들로 더 편하게 작업을 해보자. 해당 예제는 Do IT! HTML passingprogram.tistory.com 이번에는 어떤 태그에 달려있는 속성을 가지고 태그를 선택하는 방법을 알아보고자 한다. 우선 아래의 자세.. 2023. 8. 13.
[백준/C++/Gold(5)] 2447 - 별 찍기 - 10 2447번: 별 찍기 - 10 재귀적인 패턴으로 별을 찍어 보자. N이 3의 거듭제곱(3, 9, 27, ...)이라고 할 때, 크기 N의 패턴은 N×N 정사각형 모양이다. 크기 3의 패턴은 가운데에 공백이 있고, 가운데를 제외한 모든 칸에 별이 www.acmicpc.net 본인이 해당 문제의 출제자가 아니며, 문제 자체에 대한 모든 사항은 위의 링크가 출처임을 명시합니다. [백준/C++/Gold(5)] 2447 - 별 찍기 - 10 대체 뭘하면 흔한 별찍기 문제가 Gold 5씩이나 하는지 궁금해서 풀어보기로 했다. 문제 : 3이 입력일 경우, *** * * *** 9가 입력일 경우, ********* * ** ** * ********* *** *** * * * * *** *** ********* * **.. 2023. 8. 1.
[백준/C++/Silver(1)] 2156 - 포도주 마시기 2156번: 포도주 시식 효주는 포도주 시식회에 갔다. 그 곳에 갔더니, 테이블 위에 다양한 포도주가 들어있는 포도주 잔이 일렬로 놓여 있었다. 효주는 포도주 시식을 하려고 하는데, 여기에는 다음과 같은 두 가지 규 www.acmicpc.net 본인이 해당 문제의 출제자가 아니며, 문제 자체에 대한 모든 사항은 위의 링크가 출처임을 명시합니다. 한 줄로 놓인 포도주잔을 원하는 대로 시음할 수 있다면 기분 좋을 것 같다. 놀랍게도 여기 있는 사람은 그냥 많이 먹는 게 목적인 것 같지만. 시식회라는 게 진짜 있는 건가? 난 모르겠다. 문제 : 간단히 하자면 이렇다. 첫째 줄에 포도잔의 개수 n이 1~10000 사이의 정수로 주어지고 그 이후로는 포도잔에 담긴 포도주의 양이 적혀있다. 연속으로 놓여있는 3잔을.. 2023. 7. 30.
CSS 고급 선택자 CSS에는 적용하고자하는 스타일의 범위를 지정하는데 선택자(selector)를 이용한다. 하나하나 범위를 지정하기보다는 CSS에 내장된 고급 선택자들로 더 편하게 작업을 해보자. 해당 예제는 Do IT! HTML + CSS + JS 웹 표준의 정석에서 일부 발췌 & 변형하서 사용하였으며 필자가 전부 만든 것이 아님을 밝힙니다. 1. 하위 선택자 제일 많이 이용할 선택자들 중 하나이다. 어떤 선택자의 하위에 존재하는 모든 요소에 해당 스타일을 적용한다. outside section 아직 온라인 예약 신청이... (p inside section) 가족실... (p inside div inside section) 2. 자식 선택자 부모요소 바로 아래에 있는 자식 요소 에게만 스타일을 적용하는 태그이다. 위의 .. 2023. 7. 28.
[백준/C++/Gold(5)] 28293 - 자릿수 구하기 28293번: 자릿수 첫째 줄에 정수 $a$, $b$가 공백으로 구분되어 주어진다. $(1 \le a \le 10\,000; 1 \le b \le 10\,000\,000)$ www.acmicpc.net 본인이 해당 문제의 출제자가 아니며, 문제 자체에 대한 모든 사항은 위의 링크가 출처임을 명시합니다. 자릿수 구하기라는 뭔가 단순한 문구에 끌려서 왔는데… 생각보다 더 단순한 문제여서 당황했던 문제였다. 진짜 문제가 길지 않은 만큼 그냥 간단히 시작하겠다. 생각 : 은 그냥 고등학교의 log10(산술로그)만 떠올리면 8~90%는 해결되는 문제이다. 실제로 그 방법을 이용해서 구할 것이다. 코드 : #include #include using namespace std; int main() { std::cout.. 2023. 7. 25.
[백준/C++/Gold(5)] 27087 - 직육면체 https://www.acmicpc.net/problem/27087 27087번: 직육면체 $A \times B \times C$ 모양의 직육면체를 $1 \times p \times p$ 모양의 직육면체로 채울 수 있는지 판별하시오. 단, $p$는 소수이다. 직육면체의 방향은 중요하지 않다. 즉, 직육면체를 돌려서 $p \times 1 \times www.acmicpc.net 본인이 해당 문제의 출제자가 아니며, 문제 자체에 대한 모든 사항은 위의 링크가 출처임을 명시합니다. 이번에도 기하학 문제를 풀어보려고 했는데, 문제 이름을 보고 기하학 같아서 풀었는데 알고 보니 그냥 정수론 문제였다. 문제는 이렇다 : $A \times B \times C$ 모양의 직육면체를 $1 \times p \times p$.. 2023. 7. 22.
[백준/C++/Silver(3)] 1485 - 정사각형 1485번: 정사각형 첫째 줄에 테스트 케이스의 개수 T가 주어진다. 각 테스트 케이스는 네 줄로 이루어져 있으며, 점의 좌표가 한 줄에 하나씩 주어진다. 점의 좌표는 -100,000보다 크거나 같고, 100,000보다 작거나 같 www.acmicpc.net 본인이 해당 문제의 출제자가 아니며, 문제 자체에 대한 모든 사항은 위의 링크가 출처임을 명시합니다. 이번에도 모자란 기하학 계열 문제를 풀어보러 왔다. 문제는 이렇다 : 단순하게 4개의 2차원 좌표평면의 좌표가 정사각형을 이루는지 알아내면 되는 문제였다. 입력은 이렇다 : 첫째 줄에 테스트 케이스의 개수 T가 주어진다. 각 테스트 케이스는 네 줄로 이루어져 있으며, 점의 좌표가 한 줄에 하나씩 주어진다. 점의 좌표는 -100,000보다 크거나 같고.. 2023. 7. 22.
[백준/C++/Gold(5)] 28291 - 레드스톤 https://www.acmicpc.net/problem/28291 28291번: 레드스톤 모든 레드스톤 램프가 켜지는 순간이 존재하면 "success", 모든 레드스톤 램프가 켜지는 순간이 존재하지 않는다면 "failed"를 출력한다. www.acmicpc.net 본인이 해당 문제의 출제자가 아니며, 문제 자체에 대한 모든 사항은 위의 링크가 출처임을 명시합니다. 문제의 제목을 마인크래프트의 레드스톤! 이라고 바로 생각이 들어서 들어간 문제이다. 실제로 게임에서 보았던 "레드스톤"과 비슷한 기믹을 들고온 문제이기 때문에 일단 풀어보기로 하였다. 일단 기본적으로 어딘가에서 "퍼지는" 것을 시뮬레이션 해야할 것 같았기 때문에 적어도 그래프 이론 문제일거라 생각했고, 실제로 적중했다. 문제는 이렇다 : 레드.. 2023. 7. 20.
공군 사이버전사 대회 후기 + 75% 군생활 후기 글을 쓰지 않은지가 벌써 꽤 된 듯하다. 이유는 당연히 귀찮은데다 쓰기 싫었기 때문이다. 당연히 군대에 들어오고 얼마 지나지 않았을 때는 뭐든 열심히 하기 쉬웠다. 하지만 언제나 같은 환경에서 사람이 있다보면 노이로제에 걸리는 건 시간문제다. 그래서 그때 동안 좀 여러가지 생각을 하게 되었다. 내가 어떤 길을 가게될지, 무슨 일을 하면 좋을지, 뭘 대비해야하고, 뭘 공부해야하는지. 생각할 시간이 많았다. 그러면서 비록 익숙해져버린 일이지만 군대에서 했던 일들을 내 진로로써 생각해보지 않았다면 그건 거짓말일 것이다. (전문하사를 하겠다는 말은 당연히 아니다. 그것만큼 손해인 것도 없는 듯하다.) 공군에는 사이버전사 대회라는 게 있다. 군 정보보안 증진을 위해서 개최된 대회로, 실제로 굇수인 사람들이 서버나.. 2023. 6. 15.
CSS Flex 와 레이아웃 구조 쓰는 방법(23.08.30) 수정 요즘 계속 군대에 있는 누군가와 프로젝트를 하고 있다. 근데 생각해보니 내 계정도 아니라서 깃허브에도 기록이 안남는데다가 나중에 가면 내가 이러한 포트폴리오를 했다고 증명할 방법이 안 남는다는 사실을 알았다. 물론 경험은 남는다. 지금도 CSS를 다루는데 기본적인 레이아웃 짜는 방법을 어느정도 알게 되었고, React프로젝트를 할때 밑거름이 되어 줄 것이다. 하지만 역시 명시적으로 내가 뭘해왔는지 남기는 것은 좋다. 마침 오늘 개발하려는 페이지는 쉬운 페이지이다. 카카오톡의 리스트 페이지와 비슷하게, 메시지 방을 세로로 된 리스트에 띄우는 페이지이다. 웹페이지를 만드는데 제일 필요한 것이 단순하게 레이아웃의 가로정렬, 세로정렬 법이다. 지금도 똑같이 작업을 진행하고 있는지는 모르겠지만, Andriod S.. 2023. 5. 31.
[군대식 클라우드 코딩 Add Feature] - 23 01 28 replit을 다루는 것이 익숙해져서 그냥 만져보고 싶은 것을 콕콕 찌르고 있다. 우선, 나는 위키를 만들어 보려고 한다. 좀 간단할 수도 있고, 전혀 간단하지 않을 수도 있는데... 음 일단 구현해보고 싶은 아이디어가 있으니까 만들어보는 게 좋을 듯하다. 그렇게 삽질하다 보면 일단 실력이 늘겠지... 그렇게 옛날옛적 프레임워크 만지는 것도 재미나다. 이후에는 HCJ에 익숙해진 걸 바탕으로 spring이라던지 써보면 좋을 듯? (JSP / RoR을 둘 다 써본 적이 있기 때문에 어떻게 돌아갈지 기대가 됩니다.) 아무튼 새롭다... 라기보다는 처음으로 웹페이지를 단장해 보았다. bootstrap을 대충- 떡칠해 놓았다. 적어도 모던한 디자인이라도 나오게끔 하려고 한다. 1. 글 리스트 화면 containe.. 2023. 1. 28.
공군 전산병 50%달성 후기 공군 훈련소 및 특기학교 후기 공군 훈련소 및 특기학교 후기(하지만 오미크론을 곁들인) 폰을 하루 종일 주는게 아니다보니, 블로그 글도 어딘가에 적어두고 옮겨적을 수 밖에 없다. 이전처럼 맘대로 수정하고 편집할 수 없어서 더 신중해지는 것도 있다. 훈련은 격리 때문에 확실히 passingprogram.tistory.com 입대 비교 분석 해본 글 [군대] 카투사, S/W개발병, 전산병 22.10.30 와 상병! 그냥 공개로 돌리기로 했다. 뭐 어때 이젠 지난기록인데 아직 새내기인 나는 미필이다. 당연하다면 당연한가. 아무튼 1학년 마치고 제깍 군대에 다녀오고 싶은 나는 모집병에 지 passingprogram.tistory.com 공군 전산병 커트라인 예측기 [군대] 공군 전산병(전자계산) 커트라인 예측기.. 2023. 1. 26.
[군대식 클라우드 코딩 TroubleShooting] - 23 01 26 이전 글 [군대식 클라우드 코딩 TroubleShooting] - 23 01 10 다음 글 [군대식 클라우드 코딩 TroubleShooting] - 23 01 26 2주간 포스팅을 안했는데, 당연히 휴가 갖다 온것도 있겠지만, 그후에 이걸 작업하느냐고 좀 늦었다. 드디어 rake가 어째서 잘못 깔렸는지 원 passingprogram.tistory.com 2주간 포스팅을 안했는데, 당연히 휴가 갖다 온것도 있겠지만, 그후에 이걸 작업하느냐고 좀 늦었다. 드디어 rake가 어째서 잘못 깔렸는지 원인을 알아냈다. 그 이유는 다름아닌 replit.nix에 있었다. { pkgs }: let pkgs = import (builtins.fetchTarball { url = "https://github.com/NixO.. 2023. 1. 26.
[군대식 클라우드 코딩 TroubleShooting] - 23 01 10 다음 글 [군대식 클라우드 코딩 TroubleShooting] - 23 01 26 2주간 포스팅을 안했는데, 당연히 휴가 갖다 온것도 있겠지만, 그후에 이걸 작업하느냐고 좀 늦었다. 드디어 rake가 어째서 잘못 깔렸는지 원인을 알아냈다. 그 이유는 다름아닌 replit.nix에 있었다 passingprogram.tistory.com 이전 글 [군대식 클라우드 코딩 TroubleShooting] - 23 01 09 1. 일단 오래간만에 다시 컴백해서 살펴보고 있는데 Azure에 올리는 기능하고 Test Develeopment 환경도 문제 없어 보임 근데 Rspec이 동작을 안함. describe "canary test" do it "true to be true" do expect(true).to be t.. 2023. 1. 10.
[군대식 클라우드 코딩 TroubleShooting] - 23 01 09 다음 글 [군대식 클라우드 코딩 TroubleShooting] - 23 01 10 1. 일단 rspec과 관련된 문제가 생각보다 깊다는 것을 알아냈다. 최악의 경우, 현재 rake가 깨졌으며, 그 상태로 작업을 해야하고 이러다가 잘못될 경우에는 복구할 방법이 전혀 없다는 것은 정말 passingprogram.tistory.com 이전 글 [군대식 클라우드 코딩] 2. Rails 7.0.4로 업그레이드 시도 이전 글 [군대식 클라우드 코딩] 1. Azure에 원격으로 Ruby On Rails 넣어보기 군대에 있으면 개인 PC는 개뿔 그냥 인터넷만 가능한 뚱딴지 같은 상황이 나온다. 여기서 코딩을 하기위해서는 클라우드 passingprogram.tistory.com 1. 일단 오래간만에 다시 컴백해서 살펴보.. 2023. 1. 9.
728x90
반응형

티스토리툴바